

像这样的散点图,楼主你知道怎么设置他颜色的不同吗
app.title = '各国人均寿命与GDP关系演变';
$.get('data/asset/data/life-expectancy.json', function (data) {
var itemStyle = {
normal: {
opacity: 0.8,
shadowBlur: 10,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
};
var sizeFunction = function (x) {
var y = Math.sqrt(x / 5e8) + 0.1;
return y * 80;
};
option = {
backgroundColor: '#404a59',
xAxis: {
type: 'log',
name: '人均收入',
max: 100000,
min: 300,
nameGap: 25,
nameLocation: 'middle',
nameTextStyle: {
fontSize: 18
},
splitLine: {
show: false
},
axisLine: {
lineStyle: {
color: '#ccc'
}
},
},
yAxis: {
type: 'value',
name: '平均寿命',
max: 100,
nameTextStyle: {
color: '#ccc',
fontSize: 18
},
axisLine: {
lineStyle: {
color: '#ccc'
}
},
splitLine: {
show: false
},
axisLabel: {
formatter: '{value} 岁'
}
},
visualMap: [
{
show: false,
dimension: 3,
categories: data.counties,
calculable: true,
precision: 0.1,
textGap: 30,
textStyle: {
color: '#ccc'
},
inRange: {
color: (function () {
var colors = ['#bcd3bb', '
#e88f70', '#
edc1a5', '
#9dc5c8', '#
e1e8c8', '
#7b7c68', '#
e5b5b5', '
#f0b489', '#
928ea8', '#bda29a'];
return colors.concat(colors);
})()
}
}
],
series: [
{
type: 'scatter',
itemStyle: itemStyle,
data: data.series[0],
symbolSize: function(val) {
return sizeFunction(val[2]);
}
}
],
};
myChart.setOption(option);
});
这是我从官方那里拿来的自己简化了下,主要应该是visualMap这个属性,不过我自己试了几次却没有成功