3 replies to this topic

[nilesh1021]

Hi,

I am using line chart of fusion chart (MSLINE) .
Are the click event is possible in line chart for 19 jan, 31 jan and 12feb to migrate to a new chart (eg. bar chart)??????????????????

Attached Thumbnails

• 

[Sumedh]

Hey,

You can have links on the data-plots of Line Chart to implement the Linked Charts Drill-Down feature.

You would have to define link attribute under the set element.

Ref. Code:
<set label="2004" value="37800" link="newchart-xmlurl-Data2004.xml" />

For more information, please refer the following URL:
http://docs.fusionch...nkedCharts.html

[nilesh1021]

Hi,

I am using line chart of fusion chart (MSLINE) .
Are the click event is possible in line chart for 19 jan, 31 jan and 12feb to migrate to a new chart (eg. bar chart)??????????????????



I am using json in line chart so how to define click there????
And also I want after click other chart open at same place, I dont want to migrate to other page, I want it in same div

[Sumedh]

Hi,

Please refer the following link for more information on Linked Charts Drill Down Functionality:
http://docs.fusionch...nkedCharts.html


For JSON, please refer the following format:

Ref. Code:


{
"chart":{
"caption":"Yearly Sales", "xaxisname":"Year", "yaxisname":"Sales" },
"data":[
{ "label":"2004", "value":"37800", "link":"newchart-jsonurl-Data2004.json" },
{ "label":"2005", "value":"21900", "link":"newchart-jsonurl-Data2005.json" },
{ "label":"2006", "value":"32900", "link":"newchart-jsonurl-Data2006.json" },
{ "label":"2007", "value":"39800", "link":"newchart-jsonurl-Data2007.json" }
]
}


Also, you can use configureLink () function to configure the other properties.

insertMode parameter allows to configure the appending/ replacing of child chart.

You would have to call configureLink() on the chart reference ID.

Ref. Code:


FusionCharts("myChartId").configureLink(
{
swfUrl:"Doughnut3D.swf",
overlayButton:
{
message:'Go',
fontColor:'880000',
bgColor:'FFEEEE',
borderColor:'000000',
insertFormat: 'replace'
}
},0);