I. fusioncharts is a cross-browser and cross-platform flash chart component that can be used by ASP. net, ASP, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML page or even PPT call. it supports almost all languages you know. XML is used as the chart data.
1. Download: http://www.fusioncharts.com/Free/
2. Install: Installation of fusioncharts free for your web application is just a two-step affair:
1. create a folder named fusioncharts in the root of your application (though, it's not mandatory to name the folder as fusioncharts or create it under root folder. however, it organizes things a lot more, as all the pages within your website can now access the common set of charts ).
2. Copy all the SWF files from download package> charts folder and paste it in this folder.
Create a file package and copy all SWF files to it. There is also a fusioncharts. js
Installation Complete-yes, there's no more step involved-you're now ready to use fusioncharts in your web application, which will soon see.
3. Use:
<HTML>
<Head>
<Title> fusioncharts Free & JavaScript-updating chart using updatechartxml () method </title>
<Style type = "text/CSS">
<! --
Body {
Font-family: Arial, Helvetica, sans-serif;
Font-size: 12px;
}
-->
</Style>
<Script language = "JavaScript" src = ".../fusioncharts. js"> </SCRIPT>
<Script language = "JavaScript">
/*
* Updatechart method is called, when user clicks the button
* Here, we generate the XML data again and build the chart.
* @ Param domid of the chart
*/
Function updatechart (domid ){
// Using updatechartxml method defined in fusioncharts. js
Updatechartxml (domid, "<graph> <set name = 'A' value = '32'/> </graph> ");
// Disable the button
This.doc ument. frmupdate. btnupdate. Disabled = true;
}
</SCRIPT>
</Head>
<Body>
<Center>
<H2> fusioncharts Free & JavaScript-updating chart using updatechartxml () method </H2>
<Div id = "chart1div">
Fusioncharts
</Div>
<Script language = "JavaScript">
VaR chart1 = new fusioncharts (".. /.. /fusioncharts/fcf_column3d.swf "," chart1id "," 400 "," 300 "," 0 "," 1 "); // reference the generated chart Style
Chart1.setdataxml ("<graph> <set name = 'A' value = '10' color = 'd64646 '/> <set name =' B 'value = '11' color =' AFD 8f 8'/> </graph> "); // set XML data
Chart1.render ("chart1div ");
</SCRIPT>
<Br/>
<Form name = 'frmupdate'>
<Input type = 'button 'value = 'change data' onclick = "javascript: updatechart ('chart1id');" name = 'btnupdat'/>
</Form>
</Center>
</Body>
</Html>
<Div id = "chart1div">
This text is replaced by the chart.
</Div>
<SCRIPT type = "text/JavaScript">
VaR chart1 = new fusioncharts ("column2d.swf", "chid1", "600", "400", "0", "0 ");
Chart1.setdataurl ("data. xml ");
Chart1.render ("chart1div ");
</SCRIPT>
Ii. Open flash chart-Open flash chart is a flash chart component that is easy to install and provides APIs in the following languages: PHP, Perl, Python, Java, Ruby on Rails, And. Net to control charts.
Download:Http://teethgrinder.co.uk/open-flash-chart/
See: http://crabdave.javaeye.com/blog/189653
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
