遍历接口数据 展示可视化图表

效果图

dashboard('EnergyConsumptionTrend', xData, yData) EnergyConsumptionTrend DOM名称
xData,yData 作为参数发送过去给 echarts

        let xData = []  // time 
        let yData = []  // 数据
        let ActualValue = {
            name: '实际值',
            type: 'line',
            stack: 'Total',
            data: []
        }
        let YoY = {
            name: '同比',
            type: 'line',
            stack: 'Total',
            data: []
        }
        let QoQ = {
            name: '环比',
            type: 'line',
            stack: 'Total',
            data: []
        }
        for (const key in data[0].data)
        {
            if (data[0].data.hasOwnProperty.call(data[0].data, key))
            {
                xData.push(data[0].data[key].time)
                ActualValue.data.push(data[0].data[key].actual)
                YoY.data.push(data[0].data[key].data1)
                QoQ.data.push(data[0].data[key].data2)
            }
        }

        yData.push(ActualValue, YoY, QoQ)

        dashboard('EnergyConsumptionTrend', xData, yData)

定义假数据