PHP前端开发

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

百变鹏仔 3周前 (11-26) #echarts
文章标签 是怎样

echarts地图图例点击变色控制

echarts地图中,若点击图例后地图颜色发生变化,但option中未指定相关配置,这是由echarts中的VisualMap对象控制的。VisualMap负责数据与图像颜色的映射。

解决方案:

修改option中的visualMap配置。示例代码如下:

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

数据一般由后端获取,与echarts的series中的data对应。更多详情请参考官方文档:echarts-visualMap。