Web前端之圖表

1.使用echarts畫圖，網址：https://echarts.baidu.com/download.html。

下載庫文件--之後找到畫圖模板，加入數據即可。但是這個是echarts 3.0的；可能在ie8中不兼容。

要是要在ie8中兼容，可以使用2.0版本的：https://echarts.baidu.com/echarts2/doc/example.html步驟跟之前一樣。

2.或者在網址：http://www.htmleaf.com/jQuery/Chart/  

中找到需要的模板插件，之後添加相關的數據即可。

使用的地方都是統計分析的時候，最常見的方式：折線圖，柱狀圖，餅狀圖。但是我覺得不需要記每種圖片怎麼寫出來的，因為每一種樣式都是不同的都是封裝好的。我們只要去調用這種樣式就行。這裡需要主要一下關於自適應：若是不寫它的話 ，圖片畫的圖并不會因為窗口大小改變而改變，因為內部不知道窗口大小發生了改變，這樣就只有使用刷新操作。

var myChart = echarts.init(document.getElementById('main'));
window.onresize = function(){
    myChart.resize();
    //myChart1.resize();    //若有多个图表变动，可多写

}