当categories中有数字形式的字符串时,颜色映射就会出现异常
配置项如下
option = {
backgroundColor: '#404a59',
legend: {},
grid: {},
tooltip: { },
xAxis: {
splitLine: {
show: false
}
},
yAxis: {
splitLine: {
show: false
}
},
visualMap: [
{
left: 'right',
top: '10%',
type: 'piecewise',
dimension: 2,
// 当映射项为数字形式的字符串时,无法生效
categories: ['55', '1%'],
// 其他形式正常
// categories: ['1%', '2%'],
inRange: {
color: ['red', 'blue']
},
outOfRange: {
color: 'gray'
},
},
],
series: [
{
name: '北京',
type: 'scatter',
data: [
// 将两个数据项交换顺序就可以正常显示
[1.05, 5.678, '55'],
[0.78, 3.29, '1%'],
]
},
]
};