Vue中使用Echarts 热点图

先看下效果图

 

data 中定义配置项的数据  

myChartHot: null,
      hotX: [
        1,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9,
        10,
        11,
        12,
        13,
        14,
        15,
        16,
        17,
        18,
        19,
        20,
        21,
        21,
        23,
        24,
        25,
      ],
      hotY: [],
      hourData: [],
      hotOptions: {
        tooltip: {
          // backgroundColor: '#000',
          show: true,
        },
        grid: {
          height: '70%',
          top: '10%',
        },
        xAxis: {
          type: 'category',
          show: false,
          data: this