label: {
formatter: ‘{b}’,
position: ‘right’,
show: true
},
itemStyle: {
color: ‘purple’
},
emphasis: {
label: {
show: false
}
}
},
{
name: ‘Top 5’,
type: ‘effectScatter’,
coordinateSystem: ‘bmap’,
data: convertData(data.sort(function (a, b) {
return b.value - a.value;
}).slice(0, 5)),
symbolSize: function (val) {
return val[2] / 3000;
},
encode: {
value: 2
},
showEffectOn: ‘render’,
rippleEffect: {
brushType: ‘stroke’
},
hoverAnimation: true,
label: {
formatter: ‘{b}’,
position: ‘right’,
show: true
},
itemStyle: {
color: ‘purple’,
shadowBlur: 10,
shadowColor: ‘#333’
},
zlevel: 1
}
]
};;
if (option && typeof option === “object”) {
myChart.setOption(option, true);
}
效果图：
上图可以清晰看出各省份GDP的多少，另外我在GDP排名前五名的省份加了一些效果，更加直观。鼠标移到具体省份可以查看具体数值。
补充说明：
每个数据都是我自己打上去的，如果有错误，欢迎指正。另外有些地区的GDP较小，所以在地图上的点半径可能几乎不显示。（这个你也可以自己改一下半径）
2、横向柱形图显示31省份GDP数据
具体思路：
首先从echarts上找到相应实例，修改数据即可。
实例地址：echarts横向柱状图
实例效果：
上面有两个柱状图，删掉一个即可。
完整代码：
效果图：
3、折线图展示31省份GDP增速
具体思路：
首先从echarts上找到相应实例，修改数据即可。
实例地址：echarts折线图
实例效果：
上面有多个折线图，只要一个即可。
完整代码：
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
