Reputation: 21
var chart = var chart = AmCharts.makeChart( "chartdiv", {
"type": "pie",
"theme": "light",
"dataProvider": [ {
"title": "petrol",
"value": 3540
}, {
"title": "Diesel",
"value": 1320
} ],
"titleField": "title",
"valueField": "value",
"labelRadius": 5,
"radius": "42%",
"innerRadius": "60%",
"labelText": "[[title]]",
"export": {
"enabled": true
}
} );.makeChart( "chartdiv", {
"type": "pie",
"theme": "light",
"dataProvider": [ {
"title": "petrol",
"value": 3540
}, {
"title": "Diesel",
"value": 1320
} ],
"titleField": "title",
"valueField": "value",
"labelRadius": 5,
"radius": "42%",
"innerRadius": "60%",
"labelText": "[[title]]",
"export": {
"enabled": true
}
} );
how to create click event in am-charts using java-script event in petrol.
Upvotes: 1
Views: 1825
Reputation: 412
AM Charts supports many different events and native event handlers for different Chart Objects like Legends, Value/Category Axes, Charts, etc.
For the "pie" chart type used in your example, there is a clickSlice
event triggered anytime someone clicks on one of the pie slices.
First you need to add a listener to your chart object, so that you can grab that event when it fires:
// add click listener
chart.addListener("clickSlice", handle_slice_click);
And then you will need to add the actual handler for that event:
function handle_slice_click(event)
{
// handle your event here
}
If you can add some more information about what you're trying to accomplish, we might be able to help in a more specific way.
If you'd like to see all of the events available within the v3 Pie chart, there's more info here.
Upvotes: 0
Reputation: 554
Regarding the doc, you may have an option clickGraph
and clickGraphItem
.
Upvotes: 1