How can I add a button to charts

[thomsonzh]

Please advise

[Hermes.Gonzalez]

hellow thomson,
That way help you?
grafico.JPG
Or would that be within the chart?
If it is within the chart, you will have to extend the component, and rewrite some methods or add a div forced into it, but the ext will not control.

If the example help you, this is the code:

Ext.define('app.ClassName', {
    extend : 'Ext.panel.Panel',    
    initComponent : function(){
        
        .
        .
        .
        
        this.dockedItems = [{
            xtype: 'toolbar',
            dock: 'top',
            items: [this.comboMeses,
                    {
                        xtype : 'button',                
                        iconCls: 'x-tool-refresh',                
                        handler : function(){                            
                            this.reload();
                        },
                        scope : this
                    }
            ]
        }];
        
        this.items = [                            
            {
                xtype: 'chart',
                style: 'background:#fff',
                animate: true,
                store: this.store,
                shadow: true,
                theme: 'Category1',
                region : 'center',
                layout : 'fit',                
                legend: {
                    position: 'right'
                },
                axes: [{
                    type: 'Numeric',
                    minimum: 0,
                    position: 'left',
                    fields: ['nr_qtde'],
                    title: 'Number of Hits',
                    minorTickSteps: 1,
                    grid: {
                        odd: {
                            opacity: 1,
                            fill: '#ddd',
                            stroke: '#bbb',
                            'stroke-width': 0.5
                        }
                    }
                }, {
                    type: 'Category',
                    position: 'bottom',
                    fields: ['nm_canal'],
                    title: 'Month of the Year'
                }],
                series: [{
                    type: 'line',
                    highlight: {
                        size: 7,
                        radius: 7
                    },
                    axis: 'left',
                    xField: 'nm_canal',
                    yField: 'nr_qtde',
                    markerConfig: {
                        type: 'cross',
                        size: 4,
                        radius: 4,
                        'stroke-width': 0
                    }
                }]
            }
        ];
        
        this.callParent(arguments);
    }
});

[thomsonzh]

Thanks for your information. I think we should have a way create a button in the chart like http://highcharts.com/demo/. Do you have any advise?
Many thanks
Thomson

[Hermes.Gonzalez]

Hi thomson,
The buttons are out of the chart, like we can see.

grafic.jpg

[thomsonzh]

yes, you are right. I just want to create print chart button in the chart. They have another js code to do that. I want to separate button code from there.

[Hermes.Gonzalez]

sorry, man.....I hadn't see it [ print button ].

really, it is within the chart.
I'll have a little more research.

We'll be talking about.

[thomsonzh]

Do we have a way to add a button in extjs Charts and not use high Charts