Hybrid View

    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
    anaP is on a distinguished road

      0  

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

    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
    bkcharan is an unknown quantity at this point

      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
    bkcharan is an unknown quantity at this point

      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()

Thread Participants: 1