echart热力图代码

以下是一个简单的 echarts 热力图代码示例：

HTML 代码：

<div id="heatmap" style="width: 600px; height: 400px;"></div>

JavaScript 代码：

// 初始化 echarts 实例
var myChart = echarts.init(document.getElementById('heatmap'));

// 配置项
var option = {
    tooltip: {},
    visualMap: {
        min: 0,
        max: 100,
        calculable: true,
        orient: 'horizontal',
        left: 'center',
        bottom: '5%'
    },
    series: [{
        name: 'Heatmap',
        type: 'heatmap',
        data: [
            [0, 0, 10],
            [0, 1, 20],
            [0, 2, 30],
            [1, 0, 40],
            [1, 1, 50],
            [1, 2, 60],
            [2, 0, 70],
            [2, 1, 80],
            [2, 2, 90]
        ],
        label: {
            show: true
        },
        emphasis: {
            itemStyle: {
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};

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

这个示例使用了一个简单的 3x3 数据矩阵，其中每个值都是一个颜色映射到热力图上的权重。可以自己调整数据矩阵的大小和权重，以及修改可视化映射的最小和最大值。