使用echarts的详细步骤(入门级)

目的:通过在HTML文件里面引用echarts的js文件来使用echarts

echarts官网:

通过这个网站 找到echarts对应的链接,速度更快

  1. 输入echarts找到镜像链接
  2. 找到下面这个链接,可以直接复制<script>标签
  3. 加到HTML文档里面即可 效果展示:(用的echarts官网里面的示例)
  4. 也可以将代码放入一个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>
经验分享 程序员 微信小程序 职场和发展