Web前端之圖表

dav2100發表於2021-09-09

1.使用echarts畫圖,網址:

下載庫檔案--之後找到畫圖模板,加入資料即可。但是這個是echarts 3.0的;可能在ie8中不相容。

要是要在ie8中相容,可以使用2.0版本的:步驟跟之前一樣。

2.或者在網址:

中找到需要的模板外掛,之後新增相關的資料即可。

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

var myChart = echarts.init(document.getElementById('main'));
window.onresize = function(){
    myChart.resize();
    //myChart1.resize();    //若有多個圖表變動,可多寫

}



來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4479/viewspace-2822475/,如需轉載,請註明出處,否則將追究法律責任。

相關文章