Hi,
I'm using the FusionCharts v3.2.2 and I rendered the pie chart using JavaScript render mode.
I set the link of the pie slice so that when the user clicks on the slice the JavaScript function will be called to update the chart data.
Here is the sample code to create the chart:
var xmlData ='<chart><set label="Under 2" value="61" /><set label="2-11" value="306" /><set label="12-18" value="646" /><set label="19-29" value="2252" link="JavaScript:update()" /></chart>';
var chart = new FusionCharts("../fusionCharts/Pie2D.swf", "ChartId", "400", "300", "0", "0");
chart.setXMLData(xmlData);
chart.render("chartdiv");
, and here is the update() function when user clicks on the big pie slice:
function update() {
var newXmlData = '<chart><set label="2-11" value="306" /><set label="12-18" value="646" /><set label="19-29" value="2252" /><set label="30-39" value="696" /><set label="40-49" value="664" /><set label="50-59" value="934" /><set label="60-69" value="1356" /><set label="70-79" value="1619" /><set label="80-89" value="681" /></chart>';
var newChart = FusionCharts("ChartId");
newChart.setXMLData(newXmlData);
}
The problem is when I click the pie slice to call the "update()" function, there's a JavaScript error caught in firebugs (I used the Firefox browser) says that
"f.select is not a function"
This error also occurs when I call newChart.dispose() too.
FYI. I also tested the column chart but there was no problem.
Please let me know if I did anything wrong or how can I solve this.
Thank you in advance.
