Echarts数据可视化第2章搭建开发环境 2.1 安装Echarts

朱雀 2024-03-26 16:52 47阅读 0赞

#### Echarts数据可视化 ####

#### 文章目录 ####

*   *   *  Echarts数据可视化
         *  第2章 搭建开发环境
         *   *  2.1 安装Echarts

> Echarts数据可视化：入门、实战与进阶

#### 第2章 搭建开发环境 ####

##### 2.1 安装Echarts #####

其实安装有很多方式，

官方文档：[https://echarts.apache.org/handbook/zh/basics/import][https_echarts.apache.org_handbook_zh_basics_import]

![在这里插入图片描述][cbe6fda425af4f86b016b47e6be2bf5e.png_pic_center]

这里笔者采用和老师一样的方式吧，“下载js” 文件。

下载地址：[https://echarts.apache.org/zh/download.html][https_echarts.apache.org_zh_download.html]

![在这里插入图片描述][88e03487b5084d43a9ab205a07a73c8d.png_pic_center]

笔者这里就直接从Github 拿了[https://github.com/apache/echarts/tree/5.4.1/dist][https_github.com_apache_echarts_tree_5.4.1_dist]

![在这里插入图片描述][f9b14eafc8964270b9fa89296c7ad143.png_pic_center]

其实就是这个关键js

![在这里插入图片描述][c3f7fe479e3c49a2b17b29a2f1ee1379.png_pic_center]

直接把整个库拿下来

![在这里插入图片描述][bd7dfca3e2cf4bfaa82ea4546d2ba0f4.png_pic_center]

OK，这样就准备好Echarts了。

[https_echarts.apache.org_handbook_zh_basics_import]: https://echarts.apache.org/handbook/zh/basics/import
[cbe6fda425af4f86b016b47e6be2bf5e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a88cf4b5e6a542fa85a59eba3ec36a23.png
[https_echarts.apache.org_zh_download.html]: https://echarts.apache.org/zh/download.html
[88e03487b5084d43a9ab205a07a73c8d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a748fa283e134ebd82a682ff4d00843d.png
[https_github.com_apache_echarts_tree_5.4.1_dist]: https://github.com/apache/echarts/tree/5.4.1/dist
[f9b14eafc8964270b9fa89296c7ad143.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/47a8a6aed64c47ec8f091517b8afa144.png
[c3f7fe479e3c49a2b17b29a2f1ee1379.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2f725e6dc7c7451ea522419642ffb0ee.png
[bd7dfca3e2cf4bfaa82ea4546d2ba0f4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/deffc907dc4346fbab8cebe37c5d7c29.png