echarts使用ドキュメント

概要:EChartsはオープンソースで、強力なデータ可視化製品です.
 
目的:echartsを用いて、データの可視化を実現する.
手順:
ステップ1:HTMLの導入 ステップ2:プラグインの導入 ステップ3:例
 
プレゼンテーション:クリック(demoプロジェクトを先に起動する必要があります);
 
ステップ1:HTMLの導入

<!--

1.     

2.class   （uPie：  , uBar：   ）

3.title   （     ）

4.x   （title   ：left|center|right）

-->

<div width=800 height=400 class="uPie" title="  " x="center"></div>

ステップ2:プラグインの導入

1 require('echarts')//    

2 var $package = require('./package').init();//        

ステップ3:例

 1 /**

 2  * $package  ：

 3  * pieOption：        

 4  * pieChart:     

 5  * BarOption:         

 6  * BarChart:      

 7  * series：      

 8  * legend：  

 9  * xAxis:          

10  */

11     

12 $('.refreshPie').live('click',function(){

13     $package = require('./package').init(); //    

14     $ajax.weAjax({

15         type:'GET',

16         url:'/wangyang/echarts/pie.json', //    

17         success:function(data){

18             $package.pieOption.series[0].data = data;  //      

19             $package.pieOption.legend.data = data; //      

20             seajs.log($package.pieOption.series[0].data)

21             $package.pieChart.setOption($package.pieOption); //  echarts      

22             seajs.log('pie      ');            

23         },

24         error:function(){

25             seajs.log('      ');

26         }

27     });

28 })

 
 
為知ノート(Wiz)から