改正代码,超出范围的颜色未消失 myChart14.setOption({ title: { text: '客户地区分布图' }, tooltip: {}, xAxis: { data: Object.keys(area_data) }, yAxis: {}, visualMap:[{ left:700, top:'8%', diamond:20, min:0, max:3000, itemHeight:120, calculate:true, precision:0.1 }], series: [{ name: '客户数量', type: 'bar', data: Object.values(area_data),
时间: 2024-02-10 15:17:22 浏览: 165
你可以尝试添加颜色属性,指定超出范围的颜色为透明色。修改后的代码如下:
```
myChart14.setOption({
title: {
text: '客户地区分布图'
},
tooltip: {},
xAxis: {
data: Object.keys(area_data)
},
yAxis: {},
visualMap: [{
left: 700,
top: '8%',
diamond: 20,
min: 0,
max: 3000,
itemHeight: 120,
calculate: true,
precision: 0.1,
color: ['rgba(255,255,255,0.2)', '#006edd']
}],
series: [{
name: '客户数量',
type: 'bar',
data: Object.values(area_data),
itemStyle: {
color: '#006edd'
}
}]
});
```
其中,visualMap 的 color 属性用来指定颜色范围,第一个值为超出范围的颜色,第二个值为数据范围内的颜色。这里我将超出范围的颜色设置为透明色,即 'rgba(255,255,255,0.2)'。另外,我也添加了 itemStyle 属性来指定柱状图的颜色为 '#006edd'。
阅读全文