bsklar
Members-
Content count
6 -
Joined
-
Last visited
Everything posted by bsklar
-
The following example uses links which rebuild the chart with the slice that is clicked on pulled out or if it is out it will go back in. When the "Analyze Events" button is clicked the alert will display the label of the slices that are out. The file with the example is attached as a .txt file because the wouldn't work and .html files are not allowed as attachements. Change the file extension to html and it will work fine. slice_example.txt
-
I have the following code: <HTML> <HEAD> <TITLE>FusionCharts & JavaScript - Basic Example</TITLE> <script language="JavaScript" src="../JSClass/FusionCharts.js"></script> <SCRIPT LANGUAGE="JavaScript"> //FC_Rendered method is called whenever a FusionCharts chart on the page //has finished initial rendering. To this function, the chart passes its //own DOM Id. var values = []; var ren_Chart_dip = false; var ren_Chart_dzn = false; var ren_Chart_dhn = false; //FC_Rendered method is called whenever a FusionCharts chart on the page //has finished initial rendering. To this function, the chart passes its //own DOM Id. function FC_Rendered(DOMId){ //If it's our required chart if (DOMId=="Chart_dip"){ ren_Chart_dip = true; } if (DOMId=="Chart_dzn"){ ren_Chart_dzn = true; } if (DOMId=="Chart_dhn"){ ren_Chart_dhn = true; } if (ren_Chart_dip && ren_Chart_dzn && ren_Chart_dhn){ alert("All charts rendered"); } return; } </SCRIPT> </HEAD> <BODY> <div id="chart1div"> FusionCharts </div> <div id="chart2div"> FusionCharts </div> <div id="chart3div"> FusionCharts </div> <script language="JavaScript"> var dip_chart1 = new FusionCharts("../Charts/Pie3D.swf", "Chart_dip", "400", "300", "0", "1"); dip_chart1.setDataXML("<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"); dip_chart1.render("chart1div"); var dzn_chart2 = new FusionCharts("../Charts/Pie3D.swf", "Chart_dzn", "400", "300", "0", "1"); dzn_chart2.setDataXML("<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"); dzn_chart2.render("chart2div"); var dhn_chart3 = new FusionCharts("../Charts/Pie3D.swf", "Chart_dhn", "400", "300", "0", "1"); dhn_chart3.setDataXML("<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"); dhn_chart3.render("chart3div"); </script> </BODY> </HTML> if I change the line of: dhn_chart3.setDataXML("<chart><set label='A' value='10' /><set label='B' value='11' /></chart>"); to dhn_chart3.setDataXML("<chart><set label='A' value='42010' /><set label='B' value='11' /></chart>"); It will not display the alert of "All Charts rendered".
-
I know that I can remove "About FusionCharts" from the context menu with showFCMenuItem='0'. I would like to know how to remove "Enable Rotation", "Enable Slicing" and "Enable links" Thanks.
-
Please respond to this. This problem seems to appear whenever a slice of the the pie is 75% or greater.
-
I'm looking for an example of an interactive pie chart. I want to show a pie chart on page and then the user can pull out slices and when the "Get Slices" button is selected I would to retrieve the list of the slices that were pulled out. I would think that there are two ways to do this. First, record each slice as it is selected but if it is unselected then the slice has to removed from the list. Second, I hope that there is some way to read the chart and ask which slices are selected. I'm looking for a Javascript example.
-
I sort of have the example of the interactive chart working. The code is <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Event Chart Analysis</title> <link rel="stylesheet" href="../Contents/Style.css" type="text/css" /> <script language="JavaScript" src="../JSClass/FusionCharts.js"></script> <script language="javascript" type="text/javascript"> var values = []; function save_value(ip){ values.push(ip); } function show_values(){ alert("values = "+ values); } </script> </head> <body> <table width="98%" border="0" cellspacing="0" cellpadding="3" align="center"> <tr> <td valign="top" class="text" align="center"> <div id="detector_ip_div" align="center"> Detector IP</div> <script type="text/javascript"> var chart = new FusionCharts("../Charts/Pie2D.swf", "ChartId", "310", "250", "0", "0"); chart.setDataURL("Data/Detector_ip.xml"); chart.render("detector_ip_div"); </script> </td> </tr> <tr> <td valign="top" class="text" align="center"> </td> <td><input type="button" value="Show Selected" onclick="show_values()" /> </tr> </table> </body> </html> and the xml file (Detector_ip.xml) is: <chart palette='4'> <set label="10.2.10.1" value="4" link='javascript:save_value("10.2.10.1")' /> <set label="10.2.10.2" value="5" link='javascript:save_value("10.2.10.2")'/> <set label="10.2.10.3" value="2" link='javascript:save_value("10.2.10.3")'/> <set label="10.2.10.4" value="4" link='javascript:save_value("10.2.10.4")'/> <set label="10.2.10.5" value="5" link='javascript:save_value("10.2.10.5")' /> <set label="10.2.10.6" value="5" link='javascript:save_value("10.2.10.6")' /> <set label="10.2.10.8" value="20" link='javascript:save_value("10.2.10.8")' /> <set label="10.2.10.10" value="5" link='javascript:save_value("10.2.10.10")'/> <set label="10.2.10.30" value="2" link='javascript:save_value("10.2.10.30")'/> </chart> However now that the slices have a link they no longer slide out when they are selected. How can I have both or is there some way to read the chart when the Show Selected button is clicked?