使用echarts的详细步骤(入门级)
目的:通过在HTML文件里面引用echarts的js文件来使用echarts
echarts官网:
通过这个网站 找到echarts对应的链接,速度更快
- 输入echarts找到镜像链接
- 找到下面这个链接,可以直接复制<script>标签
- 加到HTML文档里面即可 效果展示:(用的echarts官网里面的示例)
- 也可以将代码放入一个js文件中,(例如下面代码里的:style.js)然后在<script>里面通过src引用js文件地址
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ECharts</title> <!-- 引入刚刚下载的 ECharts 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script> </head> <body> <!-- 为 ECharts 准备一个定义了宽高的 DOM --> <div id="main" style="width: 600px;height:400px;"></div> <!-- 引用外部js文件定义格式 --> <script type="text/javascript" src="static/js/style.js"> </script> </body> </html>