Results 1 to 3 of 3

Thread: HOw to remove top toolbar from Ext.chart.Panel?

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Nov 2011
    Location
    Mumbai , India
    Posts
    36
    Answers
    1
    Vote Rating
    0
      0  

    Default Answered: HOw to remove top toolbar from Ext.chart.Panel?

    Hi
    I am using Sencha Touch charts.
    But I dont want to display top toolbar in Ext.chart.Panel.
    what is the way to hide it?
    here is my code
    Code:
    createPanel = function (chart) {
        return Ext.create('Ext.chart.Panel', {
         
            chart: chart
        });
    };
    Code:
    columnPanel = createPanel(new Ext.chart.Chart({        themeCls: 'column1',
            animate: {
                easing: 'bounceOut',
                duration: 750
            },
            store: ColumnChartStore,
            shadow: false,
            gradients: [
            {
                'id': 'v-1',
                'angle': 0,
                stops: {
                    0: {
                        color: 'rgb(212, 40, 40)'
                    },
                    100: {
                        color: 'rgb(117, 14, 14)'
                    }
                }
            },
            {
                'id': 'v-2',
                'angle': 0,
                stops: {
                    0: {
                        color: 'rgb(180, 216, 42)'
                    },
                    100: {
                        color: 'rgb(94, 114, 13)'
                    }
                }
            },
            {
                'id': 'v-3',
                'angle': 0,
                stops: {
                    0: {
                        color: 'rgb(43, 221, 115)'
                    },
                    100: {
                        color: 'rgb(14, 117, 56)'
                    }
                }
            },
            {
                'id': 'v-4',
                'angle': 0,
                stops: {
                    0: {
                        color: 'rgb(45, 117, 226)'
                    },
                    100: {
                        color: 'rgb(14, 56, 117)'
                    }
                }
            },
            {
                'id': 'v-5',
                'angle': 0,
                stops: {
                    0: {
                        color: 'rgb(187, 45, 222)'
                    },
                    100: {
                        color: 'rgb(85, 10, 103)'
                    }
                }
            }
            ],
            axes: [
            {
                type: 'Numeric',
                position: 'left',
                fields: ['Distributor_Margin'],
                minimum: 0,
                maximum: 100,
                label: {
                    renderer: function (v) {
                        return v.toFixed(0);
                    }
                },
                title: 'Distributor Margin'
            },
            {
                type: 'Category',
                position: 'bottom',
                fields: ['Product'],
                title: 'Products'
            }
            ],
            series: [
            {
                type: 'column',
                axis: 'left',
                highlight: true,
                renderer: function (sprite, storeItem, barAttr, i, store) {
                    barAttr.fill = "url(#v-" + (i % colors.length + 1) + ")";
                    return barAttr;
                },
                label: {
                    field: 'Distributor_Margin'
                },
                xField: 'Product',
                yField: 'Distributor_Margin'
            }
            ],
            interactions: [
            {
                type: 'panzoom',
                axes: ['bottom']
            }
            ]
        }));
        Ext.getCmp('chartDisplay').add(columnPanel);
    thanks in advance.

  2. hidden the first item of the panel and it worked. incase if anyone looking.. this is what I did and it worked

    this.items.items[0].hide()

  3. #2
    Sencha Premium Member
    Join Date
    Mar 2012
    Location
    NYC, USA
    Posts
    62
    Answers
    1
    Vote Rating
    -1
      0  

    Default

    I am facing a similar need. Is this possible?

  4. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Location
    NYC, USA
    Posts
    62
    Answers
    1
    Vote Rating
    -1
      0  

    Default

    hidden the first item of the panel and it worked. incase if anyone looking.. this is what I did and it worked

    this.items.items[0].hide()

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •