Web前端之圖表
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- web前端優化之圖片優化Web前端優化
- web前端入門到實戰:好用的Js圖表庫Web前端JS
- web 前端 圖示製作Web前端
- Web前端開發之EasyUIWeb前端UI
- PS·web前端切圖(詳細)Web前端
- web前端知識體系圖Web前端
- web前端佈局篇(切圖)Web前端
- web前端之HTML5壓縮圖片compress image with canvasWeb前端HTMLCanvas
- web前端入門到實戰:css騷操作之表單驗證Web前端CSS
- Web 前端實戰(三):雷達圖Web前端
- web前端開發閒置圖書Web前端
- 初學者必看Web前端學習路線圖-千鋒Web前端教學出品Web前端
- 學好WEB前端之HTML 規範Web前端HTML
- 學好WEB前端之CSS規範Web前端CSS
- 學好WEB前端之javascript規範Web前端JavaScript
- Web 前端開發之小白入門Web前端
- 前端技巧之如何切圖前端
- 好程式設計師web前端培訓分享HTMLCSS之HTML表單標籤程式設計師Web前端HTMLCSS
- Web前端開發學習路線圖Web前端
- web前端圖片上傳(3)–filereaderWeb前端
- web前端 改變SVG圖的顏色Web前端SVG
- web前端介面切圖命名規範方法Web前端
- 好程式設計師web前端乾貨之web前端開發框架彙總程式設計師Web前端框架
- 好程式設計師web前端分享初學者必看web前端學習路線圖程式設計師Web前端
- web前端之異常/錯誤監控Web前端
- Web前端安全之安全編碼原則Web前端
- 前端學HTTP之Web主機託管前端HTTPWeb
- Web 前端向量小圖示的使用方法Web前端
- web前端實現圖片壓縮處理Web前端
- web前端圖片極限最佳化策略Web前端
- Web前端開發——CSS層疊樣式表(3)Web前端CSS
- 如何在Web前端實現CAD圖文字全文搜尋功能之技術分享Web前端
- 【web前端優化之圖片模糊到清晰】看我QQ空間如何顯示相片Web前端優化
- canvas繪圖之鐘表Canvas繪圖
- web 前端Web前端
- 前端圖表外掛ECharts入門教程前端Echarts
- WEB前端優化:使用“漸進”圖片或“交錯”圖片Web前端優化
- web前端技術分享Electron之Renderer Process APIWeb前端API