
echarts地图图例点击变色控制
echarts地图中,若点击图例后地图颜色发生变化,但option中未指定相关配置,这是由echarts中的VisualMap对象控制的。VisualMap负责数据与图像颜色的映射。
解决方案:
修改option中的visualMap配置。示例代码如下:
visualMap: {
type: 'piecewise',
pieces: [{ max: 150, color: 'red' }, { min: 151, max: 200, color: 'green' }]
}- type: 'piecewise':表示分段映射。
- pieces:分段列表。
- min、max:规定数据范围。
- color:对应范围内的颜色。
数据一般由后端获取,与echarts的series中的data对应。更多详情请参考官方文档:echarts-visualMap。










