ECharts 提供了多种安装方式,包括通过下载源代码、通过 npm 包管理工具安装等。下面分别介绍其中两种常见的安装方式。

1. 通过 CDN 引入

这是最简单的方式,适用于在浏览器中直接使用 ECharts 进行图表渲染。在 HTML 文件中,通过 CDN 引入 ECharts 主文件即可:
<!-- 引入 ECharts 主文件 -->
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>

然后,你就可以在脚本中使用 echarts 对象进行图表的初始化和配置。

2. 通过 npm 安装

如果你使用 npm 作为包管理工具,并希望在前端项目中使用 ECharts,可以通过 npm 安装 ECharts:
npm install echarts --save

安装完成后,你可以在项目中引入 ECharts,并在代码中使用:
// 在需要使用 ECharts 的文件中引入
import echarts from 'echarts';

// 使用 echarts 对象进行图表的初始化和配置
var myChart = echarts.init(document.getElementById('myChart'));

这种方式适用于在前端项目中使用 ECharts,特别是在现代的 JavaScript 框架(如React、Vue等)中。

无论你选择哪种方式,都建议查看 [ECharts 官方文档](https://echarts.apache.org/zh/index.html) 以获取更详细的安装和使用说明,以及丰富的配置选项和示例。


转载请注明出处:http://www.zyzy.cn/article/detail/13200/ECharts