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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM