Vue3使用echarts教程

Echars官网

https://echarts.apache.org/zh/index.html

一、npm安装echarts

npm install echarts --save

二、使用echarts

1. 编辑Vue页面

import * as echarts from "echarts";

2.增加Div标签

<div id="questionStatus" class="questionStatus"></div>

 3.渲染数据

export default {
  name: "index",
  components: {
    VHeader,
    VFooter,
  },
  setup() {
    const router = useRouter();
    const data = reactive({
      number: 0, //首页
      show: true,
      acti