Apache Echarts 自学笔记 3. 入门篇 - 【获取Apache Echarts】

ゝ一世哀愁。 2024-03-27 16:46 60阅读 0赞

#### Apache Echarts 自学笔记 ####

> 学习资料：【Echarts官网：https://echarts.apache.org/】
> 
> ![在这里插入图片描述][592f5f4d1d5e4fa48e5b61bbf425bc2f.png_pic_center]
> 
> 如侵立删

##### 3. 入门篇 - 【获取Apache Echarts】 #####

Apache ECharts 提供了多种安装方式，我们可以根据项目的实际情况选择以下任意一种方式安装。

*  从GitHub 获取
 *  从npm 获取
 *  从CDN获取
 *  在线定制

###### 3.1 安装方式 ######

###### 3.1.1 从npm获取 ######

npm install echarts

###### 3.1.2 从CDN获取 ######

可以从以下免费 CDN 中获取和引用 ECharts。

*  [jsDelivr][]
    
    ![在这里插入图片描述][36cc2115cc49410887c33f5662dc2f4a.png_pic_center]
 *  [unpkg][]
    
    ![在这里插入图片描述][3636f1b1917740efac87e388e69af7bd.png_pic_center]
 *  [cdnjs][]
    
    ![在这里插入图片描述][8e04e8315de84a929097b67c5cc00683.png_pic_center]

###### 3.1.3 从GitHub获取 ######

[apache/echarts][apache_echarts] 项目的 [release][] 页面

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

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

可以找到各个版本的链接。

点击下载页面下方 Assets 中的 Source code，解压后 `dist` 目录下的 `echarts.js` 即为包含完整 ECharts 功能的文件。

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

###### 3.1.4 在线定制 ######

如果只想引入部分模块以减少包体积，可以使用 [ECharts 在线定制][ECharts]功能。

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

[592f5f4d1d5e4fa48e5b61bbf425bc2f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/ee0446d2a1774d90adc7703d8e079b80.png
[jsDelivr]: https://www.jsdelivr.com/package/npm/echarts
[36cc2115cc49410887c33f5662dc2f4a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e33962ec27d54da788dc63d43c9dd769.png
[unpkg]: https://unpkg.com/browse/echarts/
[3636f1b1917740efac87e388e69af7bd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/01255852da934fbdada7b60075d11c25.png
[cdnjs]: https://cdnjs.com/libraries/echarts
[8e04e8315de84a929097b67c5cc00683.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6bde74422e3941cba84cf7b40813a273.png
[apache_echarts]: https://github.com/apache/echarts
[release]: https://github.com/apache/echarts/releases
[3c7e06f29f9e4e2c954a0419d05d0072.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/adac19db965c40d59bd1475b80509c8c.png
[d9a8da20495c486294a486faab10ae2c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5064723271944ba0a22d6d686fd9ccab.png
[738ce12d8e1a41e190f284ef5b47cb84.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9b798c4bd48b4facb4a4bb25c97d0783.png
[ECharts]: https://echarts.apache.org/builder.html
[fe545f8216fe47c093dab5cdd044a8e1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7467bbb030a343c9a56cf61e1f71b8a8.png