echarts散点图设置标准线以上的点不显示
时间: 2024-05-09 22:17:03 浏览: 210
您可以在echarts的散点图中使用visualMap来设置标准线以上的点的显示效果。您可以通过以下代码片段实现该功能:
```
visualMap: {
type: 'continuous',
dimension: 2,
text: ['High', 'Low'],
min: [0, 0],
max: [100, 100],
seriesIndex: [0],
inRange: {
color: ['#F5DEB3', '#D22222']
},
outOfRange: {
color: '#ccc'
},
show: true
},
series: [{
type: 'scatter',
data: [/* data */],
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
label: {
emphasis: {
show: true,
formatter: function (param) {
return param.data[3];
},
position: 'top'
}
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(120, 36, 50, 0.5)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(251, 118, 123)'
}, {
offset: 1,
color: 'rgb(204, 46, 72)'
}])
}
}
}]
```
在上述代码片段中,visualMap的inRange属性用于设置超出标准线的点的颜色,可以自定义设置颜色值。同时,需要将数据的系列属性seriesIndex设置为[0],确保只作用于散点图中的数据。
阅读全文