echarts入門

時間 2019-11-15

標籤 echarts 入門简体版

原文原文鏈接

簡介

ECharts，縮寫來自Enterprise Charts，商業級數據圖表，一個純Javascript的圖表庫，能夠流暢的運行在PC和移動設備上，兼容當前絕大部分瀏覽器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底層依賴輕量級的Canvas類庫ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫遊等特性大大加強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力。javascript

支持折線圖（區域圖）、柱狀圖（條狀圖）、散點圖（氣泡圖）、K線圖、餅圖（環形圖）、雷達圖（填充雷達圖）、和絃圖、力導向佈局圖、地圖、儀表盤、漏斗圖、事件河流圖等12類圖表，同時提供標題，詳情氣泡、圖例、值域、數據區域、時間軸、工具箱等7個可交互組件，支持多圖表、組件的聯動和混搭展示。詳細介紹請查看官方文檔html

引入ECharts

echarts提供多種引入方式，請根據你的項目類型選擇合適的方式：模塊化包引入，模塊化單文件引入前端

對於一個前端小白，前端中的模塊化是個啥？？這兩票應該能夠解析這個問題：前端模塊化，AMD與CMD的區別，javascript模塊化編程java

對於echarts使用的AMD方式中的 requireJS是個啥？模塊化編程require.js用法 git

可是從ECharts 3 開始再也不強制使用 AMD 的方式按需引入，代碼裏也再也不內置 AMD 加載器。
所以引入方式簡單了不少，只須要像普通的 JavaScript 庫同樣用 script 標籤引入。github

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script> </head> </html>
5 分鐘上手 ECharts

簡介，名詞解析，屬性解析：http://echarts.baidu.com/echarts2/doc/doc.html#Toolboxhttp://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts全部配置項示例查找：http://www.echartsjs.com/option.html#title

1. Echarts入門Demo
2. echarts入門
3. ECharts入門（一）
4. Echarts入門
5. ECharts快速入門
6. ECharts簡單入門
7. ECharts入門教程
8. Echarts 入門操做
9. ECharts-入門學習
10. echarts入門筆記
更多相關文章...
• Memcached入門教程 - NoSQL教程
• Neo4j數據庫入門教程 - NoSQL教程
• YAML 入門教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。