echarts热能图

ECharts是一个流行的开源数据可视化库，它提供了一种创建各种图表的功能，包括热力图。热力图，也叫热度图或热区图，是一种二维图形，用于展示数值密度或者相似度，通过颜色深浅来表示值的大小。在ECharts中，你可以使用heatmap系列来创建热力图，它允许你设置数据矩阵、颜色映射以及交互选项，如鼠标悬浮提示等。创建热力图的一般步骤包括准备数据、配置series对象并设置其type属性为'heatmap'，然后渲染到echarts实例上。

以下是简单的配置示例：

var chart = echarts.init(document.getElementById('main'));

var option = {
    series: [{
        type: 'heatmap',
        data: [[10, 20], [30, 40]], // 数据矩阵
        colorMap: { // 颜色映射
            0: 'white', 
            1: 'red', 
            2: 'orange', 
            3: 'yellow'
        },
        label: {
            show: true,
            formatter: '{b}',
        }
    }]
};

chart.setOption(option);