echarts设置地图默认颜色
时间: 2023-08-10 14:02:21 浏览: 264
你可以使用 ECharts 的 visualMap 组件来设置地图的默认颜色。具体步骤如下:
1. 在 option 中配置 visualMap 组件,设置 type 为 piecewise(分段型),并设置对应的 min、max 值和颜色列表。
```
visualMap: {
type: 'piecewise',
min: 0,
max: 100,
align: 'right',
top: 'bottom',
left: 'right',
inRange: {
color: ['#e0ffff', '#006edd']
},
pieces: [
{min: 90, label: '>90', color: '#ff0'},
{min: 80, max: 90, label: '80-90', color: '#ff4e22'},
{min: 70, max: 80, label: '70-80', color: '#ff9900'},
{min: 60, max: 70, label: '60-70', color: '#ffdb00'},
{min: 50, max: 60, label: '50-60', color: '#e7ff00'},
{max: 50, label: '<50', color: '#00eaff'}
]
}
```
2. 在 series 中使用 map 属性指定地图类型,并设置对应的数据。
```
series: [
{
type: 'map',
map: 'china',
data: [
{name: '北京', value: 90},
{name: '上海', value: 80},
{name: '广东', value: 70},
{name: '四川', value: 60},
{name: '辽宁', value: 50}
]
}
]
```
这样就可以设置地图的默认颜色了。可以根据自己的需求调整对应的颜色和数据。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)