echarts 數據統計報表

官網   http://echarts.baidu.com/index.html

 

 

1. 咱們下載好開發包後就能夠開始了，第一步引入開發包，和須要的主題文件（可定義本身的主體文件），並定義好頁面佈局。2.0之後上的版本，須要把開發包放到body下，不然ie低版本會出現屬性未找到的錯誤，致使圖標初始化失敗。
2.  

   第二步，普通初始化圖表，經過調用開發包方法，有兩種初始化方式，

   1.var myChart = echarts.init(document.getElementById("echart"));

   2.var myChart=require('echarts').init(document.getElementById("echart"));

   通常建議使用第一種方法進行初始化操做。
3.  

   第三步，設置option屬性，來給圖表設置數據,option是數組元素，tooltip：提示框，legend圖例，calculable可設置是否拖拽，series設置數據（data類型也爲數組類型），咱們開始先隨機初始化幾條模擬數據，
4.  

   到這一步，就完成了，圖表初始化的步驟，效果以下圖所示。而後你們是否是想咱們能夠改變下圖標的樣式？答案是能夠的，2.0版本爲咱們留了設置主題的方法，可設置setThem()對圖表樣式進行修改
5.  

   咱們來看看，主題怎麼配置吧，設置色版，設置主題顏色，不一一介紹了，請你們請看下面代碼：
6. 6

   經過上面主題的添加咱們就完成了對樣式的修改，固然最後你們記嘚設置myChart.setTheme(theme);