//创建图表
/**
 * 创建line图表
 * @param dom 创建的domID
 * @param data line图表数据
 * @param nameArr  line名称
 */
const cretaeLink = (dom: string, data: any, nameArr: any) => {
    const existingChart = echarts.getInstanceByDom(document.querySelector(dom) as any);
    if (existingChart) {
        existingChart.setOption({
            series: data
        });
    } else {
        const newChart = echarts.init(document.querySelector(dom) as any);
        chartInstances.value.push(newChart);
        const option = {
            backgroundColor: "#080b30",
            legend: {
                data: nameArr,
                top: 15,
                textStyle: {
                    color: "#fff",
                    fontSize: 15,
                }
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                type: 'category',
                data: ['1min', '2min', '3min', '4min', '5min', '6min', '7min'],
                axisLabel: {
                    color: "#fff",
                },
            },
            yAxis: {
                type: 'value',
                axisLabel: {
                    color: "#fff",
                },
            },
            series: data
        };
        newChart.setOption(option);
    }
};
//销毁图表
const destroyEcahrts = () => {
    chartInstances.value.forEach((chart: any) => {
        chart.dispose();
    });
    chartInstances.length = 0;
}