在 ECharts 中,要配置热力图,你可以使用 series 组件,并将其 type 设置为 'heatmap'。以下是一个简单的例子,演示如何配置热力图:
option = {
    series: [{
        type: 'heatmap',
        data: [
            [0, 0, 10],
            [0, 1, 20],
            [0, 2, 30],
            [1, 0, 40],
            [1, 1, 50],
            [1, 2, 60],
            // 更多数据...
        ],
        label: {
            show: true  // 是否显示标签
        },
        emphasis: {
            itemStyle: {
                color: '#a6c84c'  // 高亮时的颜色
            }
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上述代码中,type 设置为 'heatmap' 表示这是一个热力图。data 数组中的每个元素表示一个数据点,其中 [x, y, value] 分别代表横坐标、纵坐标和数据值。你可以根据实际情况提供更多的数据点。

此外,可以通过 label 配置项来控制是否显示标签,通过 emphasis 配置项来设置高亮时的样式,例如高亮时的颜色。

请根据你的具体需求调整这些配置项。


转载请注明出处:http://www.zyzy.cn/article/detail/5431/ECharts