echarts实现的地图,点击图例的地图颜色改变如何控制?

如下代码所示,地图中,点击故障时间这个图例,地图会变红,option中没有写变红的配置,这个颜色如何来的,怎么配置能修改这个颜色?

在线demo

阅读 4k
2 个回答

echarts里有个对象叫VisualMap 他是做数据对应图像颜色的
更改option里的visualMap

visualMap: {
    type: 'piecewise',
    pieces: [{ max: 150, color: 'red' }, { min: 151, max: 200, color: 'green' }]
 },

piecewise表示分段,min,max 规定数据范围,对应访问内的颜色使用color
数据就是series里的data,一般情况下都是从后端获取的。
官方文档echarts-visualMAp

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题