下载并且引入echarts的方法
时间: 2023-10-24 14:04:48 浏览: 42
下载并引入 ECharts 有以下两种方法:
1. 从官网下载
在 ECharts 官网(https://echarts.apache.org/zh/download.html)上下载 ECharts 的最新版本,解压后可以得到以下文件:
- `echarts.min.js`:压缩后的 ECharts 核心文件。
- `echarts.js`:未压缩的 ECharts 核心文件。
- `echarts.common.js`:适用于 Webpack 和 RequireJS 等模块化加载器的 ECharts 核心文件。
- `echarts-en.min.js`:英文版压缩文件。
- `echarts-gl.min.js`:基于 WebGL 的扩展。
- `echarts-liquidfill.min.js`:水球图插件。
- `echarts-wordcloud.min.js`:词云图插件。
下载后,将需要的文件复制到项目中,并在 HTML 文件中引入相应的 JavaScript 文件即可,例如:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>ECharts Demo</title>
</head>
<body>
<div id="chart" style="width: 800px; height: 600px;"></div>
<script src="./echarts.min.js"></script>
<script>
// 在这里写 ECharts 的代码
</script>
</body>
</html>
```
2. 使用 CDN 引入
在 ECharts 官网(https://echarts.apache.org/zh/download.html)上找到 “CDN 引入” 的链接,然后将链接复制到 HTML 文件中即可。例如:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>ECharts Demo</title>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 800px; height: 600px;"></div>
<script>
// 在这里写 ECharts 的代码
</script>
</body>
</html>
```
以上两种方法都可以下载并引入 ECharts,根据具体情况和需求选择相应的方法即可。