Echarts 地图图例点击变色是怎样实现的？

欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《Echarts 地图图例点击变色是怎样实现的？ 》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

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。

本篇关于《Echarts 地图图例点击变色是怎样实现的？ 》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！