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

Posted 2022-05-07 wyongz

在使用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