echart热力图 渐变条 颜色

ECharts是一个强大的数据可视化库，其中的热力图（Heatmap）用于显示数值型数据的密度分布。渐变条（Gradient Bar）通常配合热力图使用，它是一种颜色条，用于表示热力图中各个区域的颜色深浅对应的具体数值范围。

在ECharts中，你可以通过设置`color`属性来控制热力图的颜色映射。对于渐变条，可以使用`visualMap`组件，配置它的`type`为`piecewise-linear`（分段线性），然后设置`min`、`max`值以及一系列的颜色停靠点（`stops`），每个停靠点对应一个颜色和对应的数值区间。

例如：

option = {
    visualMap: {
        type: 'piecewise-linear',
        min: 0,
        max: 100,
        stops: [
            { color: 'blue', value: 0 },
            { color: 'green', value: 50 },
            { color: 'red', value: 100 }
        ]
    },
    heatmap: {
        // 其他配置项
        color: {
            min: 0,
            max: 100,
            gradation: ['#blue', '#green', '#red'] // 使用ECharts内置的渐变
        }
    }
};

在这个例子中，颜色从蓝色开始，当数值达到50时变为绿色，超过100时变为红色。