最近在调一个图形的的时候,碰到的这个问题,正常状态下需要悬停在气泡上才会展示,现在需要在气泡图上常态显示每个气泡的标签名称,不太好找,废了一些劲,做个记录
代码如下
series: [{
name: '气泡图',
data: this.scatterdatas,
type: 'scatter',
symbolSize: data => {
return Math.sqrt(data[3]*100);
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(120, 36, 50, 0.5)',
shadowOffsetY: 5,
//此处起作用,展示你需要的标签
label:{
show: true,
formatter: param => {
return param.data[2];
},
position: 'top'
},
//-----到此为止
color: params => {
var colorList = [
'#fb6340','#1d8cf8','#ff715e','#ffaf51','#ffee51','#8c6ac4','#715c87'
];
return colorList[params.dataIndex % 7];
}
}
}
}]
代码是在Vue的页面下的,起作用的地方主要在label那里,尝试过放itemStyle外边,不行,只能放里边。注意放在series里面
图形效果