echarts如何引入
时间: 2023-07-07 09:45:17 浏览: 45
要在网页中使用 echarts,需要先在 HTML 文件中引入 echarts 的 JavaScript 文件。可以通过以下方式来引入:
1. 在 HTML 文件的 head 标签中添加如下代码:
```html
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
```
这将从 jsDelivr CDN 加载 echarts 的最新版本。
2. 或者,你也可以下载 echarts 的 JavaScript 文件,然后将其放在你的项目目录中,并在 HTML 文件中引用:
```html
<script src="path/to/echarts.min.js"></script>
```
注意:如果你使用的是 echarts 4.x 版本及以上,还需要引入 echarts 的主题文件和需要使用的组件的 JavaScript 文件,例如:
```html
<!-- 引入主题文件 -->
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/theme/vintage.js"></script>
<!-- 引入柱状图组件的 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/chart/bar.min.js"></script>
```
以上是使用 jsDelivr CDN 引入 echarts 的方式,也可以通过其他 CDN 或将文件下载到本地进行引用。