echarts下载教程
时间: 2024-09-18 17:17:16 浏览: 75
ECharts是一个非常流行的JavaScript图表库,用于创建丰富的数据可视化。以下是下载ECharts的基本步骤:
1. **官方网站获取**:
访问ECharts的官方GitHub仓库 [https://github.com/apache/incubator-echarts](https://github.com/apache/incubator-echarts),点击"Download"按钮,可以选择`dist`文件夹下的压缩包,如`echarts.min.js`和相应的主题样式文件。
2. **CDN链接**:
如果你想直接在项目中引用,可以使用cdnjs、unpkg等CDN服务,例如在HTML中添加:
```html
<script src="https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>
```
这样就不需要本地下载了。
3. **安装依赖** (如果你使用npm):
使用命令行工具,运行 `npm install echarts` 或者 `yarn add echarts` 来安装到项目node_modules目录下。
4. **引入并初始化图表**:
在JavaScript代码中,通过`require`或`import`引入ECharts,然后实例化一个新的图表对象,配置你要展示的数据和选项。
```javascript
// 引入ECharts
const echarts = require('echarts');
// 创建图表容器
const myChart = document.getElementById('main').appendChild(document.createElement('div'));
myChart.id = 'main';
// 初始化图表
var chart = echarts.init(myChart);
```
阅读全文