echarts的地图省份颜色自适应变化

在使用echarts的地图的时候省份的颜色可能随着数据的多少显示不同的颜色,但是当后台返回的数据的变化较大时可能就不好控制了,所以需要设置根据后台的数据进行自适应

将后台返回的数据中的value放入一个新的数组中,然后取出数组中的最大值来设置给echarts的visulMap的max属性,并将最小值设置给min属性,当后台没有数据返回的时候会报错,所以要进行一下判断

这里取最大值和最小值使用的是扩展运算符配合Math.max/Math.min来实现的

//data是后台返回的数据
var
lengedarr = []for (var i = 0; i < data.length; i++) { lengedarr.push(data[i].value) } map_flow_provice.series[0].data = dataList; if(lengedarr.length){ map_flow_provice.visualMap.max = Math.max(...lengedarr) map_flow_provice.visualMap.min = Math.min(...lengedarr) }else { map_flow_provice.visualMap.max = 0 map_flow_provice.visualMap.min = 200 }

 

posted @ 2019-07-23 18:24  下一页2013  阅读(2153)  评论(0编辑  收藏  举报