本文展示了如何使用Echarts库创建带有发光效果的世界地图和气泡图。通过示例代码，详细解释了如何配置数据，设置图表背景渐变色，以及为不同年份的数据设置不同的颜色渐变效果，以展示国家的人均寿命和GDP变化。
app.title = ‘气泡图‘;var data =[
[[‘澳大利亚1‘,7.7,150,‘Australia‘,1990],[‘澳大利亚2‘,7.7,270,‘Canada‘,1990]],
[[‘加拿大1‘,8.1,230,‘Australia‘,2015],[‘加拿大2‘,8.1,350,‘Canada‘,2015]]
];
option={
backgroundColor:new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{
offset:0,
color:‘#f7f8fa‘}, {
offset:1,
color:‘#cdd0d5‘}]),
title: {
text:‘1990 与 2015 年各国家人均寿命与 GDP‘},
legend: {
right:10,
data: [‘1990‘, ‘2015‘]
},
xAxis: {
type :‘category‘,
data: [‘澳大利亚1‘,‘加拿大1‘,‘澳大利亚2‘,‘加拿大2‘]
},
yAxis: {
type:‘value‘},
series: [{
name:‘1990‘,
data: data[0],
type:‘scatter‘,
symbolSize:function(data) {return Math.sqrt(data[2]);
},
label: {
emphasis:
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
