Echarts 快速上手

使用步骤：

1. 引入 echarts

---

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.2/echarts.min.js"></script>

2. 准备一个具备大小的 DOM 容器

---

<div id="main" style="width: 600px;height:400px;"></div>

3. 开始激动人心的 js

---

// 使用echarts.init()将一个DOM实例化成一个echarts对象
const myChart = echarts.init(document.getElementById("main"));
// 指定配置项和数据(option)
const option = {
  xAxis: {
    type: "category",
    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
  },
  yAxis: {
    type: "value"
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: "line"
    }
  ]
};
// 将配置项设置给echarts实例对象
myChart.setOption(option);