配置项如下
var plantCap = [{
name: '中国大陆',
value: '222'
}, {
name: '90年代',
value: '115'
}, {
name: '张艺谋',
value: '113'
}, {
name: '成龙',
value: '95'
}, {
name: '香港',
value: '92'
}, {
name: '00年代',
value: '87'
}, {
name: '美国',
value: '87'
}, {
name: '李连杰',
value: '60'
}];
var datalist = [{
offset: [56, 48],
symbolSize: 120,
opacity: .95,
color: '#f467ce'
}, {
offset: [35, 80],
symbolSize: 95,
opacity: .88,
color: '#7aabe2'
}, {
offset: [20, 43],
symbolSize: 90,
opacity: .84,
color: '#ff7123'
}, {
offset: [83, 30],
symbolSize: 90,
opacity: .8,
color: '#ffc400'
}, {
offset: [36, 20],
symbolSize: 65,
opacity: .75,
color: '#5e333f'
}, {
offset: [64, 10],
symbolSize: 70,
opacity: .7,
color: '#6b3442'
}, {
offset: [75, 75],
symbolSize: 60,
opacity: .68,
color: '#8a3647'
}, {
offset: [88, 62],
symbolSize: 50,
opacity: .6,
color: '#68333f'
}];
var datas = [];
for (var i = 0; i < plantCap.length; i++) {
var item = plantCap[i];
var itemToStyle = datalist[i];
datas.push({
name: item.name,
value: itemToStyle.offset,
symbolSize: itemToStyle.symbolSize,
label: {
normal: {
textStyle: {
fontSize: 15
}
}
},
itemStyle: {
normal: {
color: itemToStyle.color,
opacity: itemToStyle.opacity
}
},
})
}
option = {
title:{
text:'有没有散点气泡图随机位置的方法啊,最好不重叠'
},
grid: {
show: false,
top: 10,
bottom: 10
},
xAxis: [{
gridIndex: 0,
type: 'value',
show: false,
min: 0,
max: 100,
nameLocation: 'middle',
nameGap: 5
}],
yAxis: [{
gridIndex: 0,
min: 0,
show: false,
max: 100,
nameLocation: 'middle',
nameGap: 30
}],
series: [{
type: 'scatter',
symbol: 'circle',
symbolSize: 120,
label: {
normal: {
show: true,
formatter: '{b}',
color: '#fff',
textStyle: {
fontSize: '20'
}
},
},
itemStyle: {
normal: {
color: '#00acea'
}
},
data: datas
}]
};