Following is the one way to create linked chart in which we provide linked chart data in Json.
{
"chart": {
"caption": "Top 3 Juice Flavors",
"subcaption": "Last year",
"xaxisName": "Flavor",
"yaxisName": "Amount (In USD)",
"numberPrefix": "$",
"theme": "fint",
"rotateValues": "0"
},
"data": [
{
"label": "Apple",
"value": "810000",
"link": "newchart-xml-apple"
},
{
"label": "Cranberry",
"value": "620000",
"link": "newchart-xml-cranberry"
},
{
"label": "Grapes",
"value": "350000",
"link": "newchart-xml-grapes"
}
],
"linkeddata": [
{
"id": "apple",
"linkedchart": {}
},
{
"id": "cranberry",
"linkedchart": {}
},
{i
"id": "grapes",
"linkedchart": {}
}
]
}
I want to pull linked chart data from Ajax whenever linked item is clicked. I tried using ondataplotclick event. From there i am able to pull out chart data from Ajax but i need to rerender same chart and i am not able to get back button.
What i am trying to achieve is following thing. I will provide JSON in following format and on one of the callback i will get the data from Ajax on link basis and i will display ajax data.
{
"chart": {
"caption": "Top 3 Juice Flavors",
"subcaption": "Last year",
"xaxisName": "Flavor",
"yaxisName": "Amount (In USD)",
"numberPrefix": "$",
"theme": "fint",
"rotateValues": "0"
},
"data": [
{
"label": "Apple",
"value": "810000",
"link": "ChartID001",
},
{
"label": "Cranberry",
"value": "620000",
"link": "ChartID002"
},
{
"label": "Grapes",
"value": "350000",
"link": "ChartID003"
}
],
}
Is it possible by any events?