最近同事項目用到FusionCharts,以前也稍微接觸了下,就重新溫習下順便幫助下同事。簡單實例文章末尾放出。
1、引入FusionCharts的js
<script type="text/javascript" src="../plugins/FusionCharts/JSClass/FusionCharts.js"></script>
2、好吧,其實這也沒什麼步驟可寫,下面就應用了
<div id="test"></div>
<script type="text/javascript">
var myChart = new FusionCharts("../plugins/FusionCharts/chart/Pie3D.swf", "myChartId", "1000", "800");
//myChart.setDataURL("../db/Data.xml");//第一種加載數據方式
myChart.setDataXML("<chart caption='my First Charts'>"
+"<set name='Jan' value='462' />"
+"<set name='Feb' value='857' />"
+"<set name='Mar' value='671' />"
+"<set name='Apr' value='494' />"
+"<set name='May' value='761' />"
+"<set name='Jun' value='960' />"
+"<set name='Jul' value='629' />"
+"<set name='Aug' value='622' />"
+"<set name='Sep' value='376' />"
+"<set name='Oct' value='494' />"
+"<set name='Nov' value='761' />"
+"<set name='Dec' value='960' />"
+"</chart>"); //第二種加載數據方式
myChart.render("test");
</script
最後,插件及簡單事例源碼下載