使用Echarts的步驟


Echarts官網地址:https://echarts.baidu.com/index.html

步驟如下:

1、獲取Echarts

(1)可以在Echarts官網去下載,選擇需要的版本下載,根據開發者功能和體積上的需求,提供了不同打包的下載,如果在體積上沒有要求,可以直接下載完整版本。開發環境建議下載源代碼版本,包含了常見的錯誤提示和警告。

(2)可以直接使用CDN

(3)通過 npm 獲取 echarts,npm install echarts - -save

(4)可以在 ECharts 的GitHub 上下載

2、引入Echarts

ECharts 3 不再強制使用 AMD 的方式按需引入(即使用require的方式引入),代碼里也不再內置 AMD 加載器。因此引入方式簡單了很多,只需要像普通的 JavaScript 庫一樣用 script 標簽引入。

3、為 ECharts 准備一個具備高寬的 DOM 容器(可以理解為存放圖表的位置)

4、通過 echarts.init()方法初始化一個 echarts 實例,並通過 setOption() 方法生成圖表


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM