bd-admin/commands/create/project_template/src/hooks/userEcharts.js

一款能根据需求快速配置vue后台管理的脚手架

import { watch, onMounted, ref } from "vue";
import * as echarts from "echarts";
export default function (option, element) {
    const myChart = ref(null);
    watch(() => option, () => {
        if (!myChart.value)
            return;
        myChart.value.setOption(option.value);
    }, { immediate: true, deep: true });
    onMounted(() => {
        const elementNode = element instanceof Element ? element : document.getElementById(element);
        myChart.value = echarts.init(elementNode);
        myChart.value.setOption(option.value);
    });
}