Echarts 地圖上顯示數值


Echarts 地圖上展示數值,效果如下:


 

 

上代碼:關鍵代碼用紅色

 series: [
                {
                    //name: '香港18區人口密度',
                    type: 'map',
                    mapType: 'jiangsu', // 自定義擴展圖表類型
                    zoom: 1.25,
                    itemStyle: {
                        normal: { label: { show: true } },
                        emphasis: { label: { show: true } }
                    },
                    data: [
                        {
                            name: '徐州市', value: 20057.34,
                           label: { normal: { show: true,
                                    formatter: function (params) {
                                        return params.name+"\n"+ params.value; //地圖上展示文字 + 數值 }, } },  
                            itemStyle: { normal: { areaColor: '#C1FFC1'     //地圖顏色 } }
                        },
                        {
                            name: '連雲港市', value: 15477.48,
                            label: {
                                normal: {
                                    show: true,
                                    formatter: function (params) {
                                        return params.name + "\n" + params.value;
                                    },

                                }
                            },  

 


免責聲明!

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



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