要在 echarts 热力图的图例中添加文本并移除数字,可以使用 formatter 属性。在 formatter 函数中,可以编写自定义的文本格式,并通过具体的操作实现目标效果。
以下是示例代码:
// 数据
var data = [
[0, 0, 5],
[0, 1, 1],
[0, 2, 0],
[1, 0, 1],
[1, 1, 10],
[1, 2, 0],
[2, 0, 0],
[2, 1, 0],
[2, 2, 20]
];
// 配置项
var option = {
// 图例
legend: {
data: ['有人', '无人'],
// 格式化图例
formatter: function (name) {
if (name === '有人') {
return name + ':Yes';
} else if (name === '无人') {
return name + ':No';
}
}
},
// 热力图
series: {
type: 'heatmap',
data: data,
label: {
show: true
},
// 移除数字
itemStyle: {
emphasis: {
textStyle: {
color: '#fff',
fontSize: 14
}
}
}
}
};
在上面的代码中,我们定义了一个数组 data
来存储热力图的数据。然后,在配置项中,我们设置了图例的 data
属性为一个包含文本的数组,并使用 formatter
函数来自定义图例的格式。
具体来说,我们针对图例中的每个数据项,通过判断其名称,来返回我们自定义的文本。比如,当名称为 '有人'
时,我们返回的文本为 '有人:Yes'
,表示该颜色代表有人。类似