ITPub博客

首页 > IT职业 > IT图书 > Web前端之圖表

Web前端之圖表

IT图书 作者:dav2100 时间:2021-09-09 10:28:33 0 删除 编辑

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();    //若有多个图表变动,可多写

}



来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4479/viewspace-2822475/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-10-17

  • 博文量
    176
  • 访问量
    17570