码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-07-23 19:02:33      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:list   chart   扩展   push   运算符   value   最大   最小   i++   

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

 

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

标签:list   chart   扩展   push   运算符   value   最大   最小   i++   

原文地址:https://www.cnblogs.com/wyongz/p/11233610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!