需要實現這種效果
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