echarts地图默认高亮有数据的区域,无数据不高亮

需要实现这种效果

echarts地图,默认加载 有数据的区域才高亮显示,没有数据的不高亮,然后鼠标滑过高亮区域显示对应的公司、项目数量和名称。

这是后台返回的数据结构

在dataRange里面定义好默认区域需要高亮的颜色

            dataRange: {
                   show:false,
                   x: 'left',
                   y: 'bottom',
                   splitList: [
                       {start: 5, end: 5, color: '#007aff'},//当值为5时,区域背景
                       {start: 15, end: 15, color: '#000000'},//当值为15时,区域背景
                       {start: 20, end: 20, color: '#fff000'},//当值为20时,区域背景
                   ],
               },

遍历后台返回的数据,如果公司和项目数量大于0就代表该区域有数据,让他们高亮显示。

将遍历筛选好的区域加上颜色然后赋给option

原文地址:https://www.cnblogs.com/theblogs/p/14044799.html