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前端入門到實戰:好用的Js圖表庫Web前端JS
- PS·web前端切圖(詳細)Web前端
- web前端知識體系圖Web前端
- web前端入門到實戰:css騷操作之表單驗證Web前端CSS
- web前端圖片上傳(3)–filereaderWeb前端
- web前端開發閒置圖書Web前端
- Web 前端實戰(三):雷達圖Web前端
- Web 前端開發之小白入門Web前端
- 學好WEB前端之HTML 規範Web前端HTML
- 學好WEB前端之CSS規範Web前端CSS
- 學好WEB前端之javascript規範Web前端JavaScript
- 好程式設計師web前端培訓分享HTMLCSS之HTML表單標籤程式設計師Web前端HTMLCSS
- web前端介面切圖命名規範方法Web前端
- web前端 改變SVG圖的顏色Web前端SVG
- Web前端開發學習路線圖Web前端
- 好程式設計師web前端乾貨之web前端開發框架彙總程式設計師Web前端框架
- 初學者必看Web前端學習路線圖-千鋒Web前端教學出品Web前端
- 如何在Web前端實現CAD圖文字全文搜尋功能之技術分享Web前端
- web前端之異常/錯誤監控Web前端
- Web前端安全之安全編碼原則Web前端
- 好程式設計師web前端分享初學者必看web前端學習路線圖程式設計師Web前端
- Web 前端向量小圖示的使用方法Web前端
- Web前端開發——CSS層疊樣式表(3)Web前端CSS
- canvas繪圖之鐘表Canvas繪圖
- web 前端Web前端
- 前端未來趨勢之原生API:Web Components前端APIWeb
- Web前端之 CSS入門第六天Web前端CSS
- web前端技術分享Electron之Renderer Process APIWeb前端API
- web前端技術分享Electron之IPC 通訊Web前端
- web前端培訓分享Electron之IPC 通訊Web前端
- web前端培訓分享Electron之Main Process APIWeb前端AIAPI
- 前端圖表外掛ECharts入門教程前端Echarts
- web專案中圖示的前端處理方案Web前端
- 最新web前端路線圖及學習攻略分享Web前端
- Web前端如何學?Web前端學習方法分享Web前端
- Web前端飽和了?還能學Web前端嗎?Web前端
- Web 前端開發之js正規表示式用法Web前端JS
- java web 之 網頁前端開發基礎(1)JavaWeb網頁前端