1.下载echarts

npm install echarts

2.在使用的页面引入echarts

//  按需引入 echarts

import * as echarts from "echarts";

3.准备dom节点

<div id="chartLine"></div>

4.将数据渲染到dom节点

import { ref, onMounted, markRaw } from "vue";

// 基于准备好的dom，初始化echarts实例（线图）

let lineChart = ref();

onMounted(() => {

  lineChart.value = markRaw(echarts.init(document.getElementById("chartLine")));

  // 使用刚指定的配置项和数据显示图表。

  lineChart.value.setOption(optionLine.value);

});