VUE3利用 echarts 绘制折线图

前期资料

Echarts 官网样式预览: https://echarts.apache.org/examples/zh/index.html#chart-type-line

Echarts 的Github地址： https://github.com/ecomfe/vue-echarts

Echarts制作的VUE3代码参考： https://stackblitz.com/edit/vue-echarts-vue-3?file=src%2FApp.vue

安装 Echarts

这里默认你已经安装好了 VUE3。如未完成，请看这里：VUE3环境搭建开发准备。

1.安装 Echarts

echarts 和 vue-echarts 都需要安装。
运行命令：npm i echarts vue-echarts

2.DEMO

在VUE工程 components 中新建 VUE 文件，插入以下代码：

<template>
    <!-- echarts容器默认宽高为0,所以需要id,在下面样式style中对对容器进行设置-->
    <div ref=