FusionCharts插件及簡單事例源碼

最近同事項目用到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


最後,插件及簡單事例源碼下載

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章