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() 方法生成圖表