echarts 基础折线图

0 阅读1分钟

这是来自echarts官网的一个基础折线图:

image.png

完整代码如下,有问题欢迎来交流:

<!DOCTYPE html>
<head>
  <script src="../lib/echarts.v6.0.0.js"></script>
</head>
<body>
  <div id="main" style="width: 800px; height: 400px"></div>
  <script>
    const myChart = echarts.init(document.getElementById('main'))
    const option = {
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      },
      yAxis: {
        type: 'value',
      },
      series: [
        {
          data: [150, 230, 224, 218, 135, 147, 260],
          type: 'line',
        },
      ],
    }
    myChart.setOption(option)
  </script>
</body>