echart地图上省份有数据的颜色更深
时间: 2023-12-08 16:04:19 浏览: 207
要在 ECharts 地图上实现省份有数据的颜色更深,可以使用 ECharts 中的 visualMap 组件和 itemStyle 属性来实现。下面是一个简单的示例代码:
```javascript
option = {
visualMap: {
show: true,
min: 0,
max: 100,
left: 'left',
top: 'bottom',
text: ['High', 'Low'],
calculable: true,
seriesIndex: [0],
inRange: {
color: ['#e0ffff', '#006edd']
}
},
series: [{
name: '数据',
type: 'map',
mapType: 'china',
label: {
show: true
},
itemStyle: {
normal: {
borderWidth: 0.5,
borderColor: '#009fe8',
areaColor: '#fff'
},
emphasis: {
borderWidth: 0.5,
borderColor: '#4b0082',
areaColor: '#cde6c7'
}
},
data: [{
name: '北京',
value: 100
}]
}]
};
```
在上面的代码中,我们将 visualMap 组件的 show 属性设置为 true,即可显示数据范围和颜色。同时,通过 itemStyle 属性来设置地图区域的样式,包括边框颜色、边框宽度、填充颜色等。在 normal 样式中设置默认的样式,而在 emphasis 样式中设置鼠标悬浮时的样式。需要注意的是,如果地图数据中没有包含省级数据,那么是无法显示省份的颜色的。
阅读全文