最近在开发一个地图页面,学习echarts相关地图组件。从地图仓库下载json样式后,地图颜色默认显示为标准的蓝色。
1.百度了网上很多资料,说是要修改itemStyle 里面的areaColor属性,但是尝试后不管用。
2.最后自己亲测,使用inRange里面的color进行修改即可,直接放入颜色编码即可。
visualMap: {
selectedMode: false, // 不能选择
hoverLink: false, // 取消鼠标移入效果
show: false,
min: 0,
max: 10000,
type: "piecewise",
right: 50,
bottom: 20,
inRange: {
color: ['rgba(102, 112, 224, 0.25)']
}
}
3.见效果