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


浙公网安备 33010602011771号