僅做個人收藏記錄。

$.ajax({type: 'get',url: '../data/320000.json',dataType: 'json',success: function (geoJson) {echarts.registerMap('jiangsusheng', geoJson);var chart = echarts.init(document.getElementById('overallChart2'));chart.setOption({tooltip: {trigger: "item",show: false},tooltip: {trigger: 'item',formatter: '{b}： {c}'},visualMap: {min: 800,max: 50000,text: ['高', '低'],realtime: false,calculable: true,inRange: {color: ['#8dc1f1', '#0e31a4']},textStyle: {color: '#fff'},left: 40,bottom: 40},geo: [// 疊地圖{map: 'jiangsusheng',top: '9%',left: '9%',aspectScale: 0.9,zlevel: 4,itemStyle: {color: '#2760c3', // 背景borderWidth: '1', // 邊框寬度borderColor: '#2760c3', // 邊框顏色shadowColor: '#2760c3',},emphasis: {disabled: true}}],series: [{name: '',type: 'map',zlevel: 6,aspectScale: 0.9,top: '7%',selectedMode: false,itemStyle: {normal: {borderWidth: 1,borderColor: '#37ebfd',shadowColor: '#64b2df',shadowBlur: 8,// shadowOffsetX: -3,// shadowOffsetY: -3,areaColor: {type: "radial",x: 0.5,y: 0.5,r: 0.8,colorStops: [{offset: 0,color: "rgba(255, 0, 0, 0.5)", // 0% 處的顏色}],globalCoord: false, // 缺省為 false},}},label: {show: true,color: '#fff',itemStyle: {color: '#fff'}},map: 'jiangsusheng',data: [{ name: '南京市', value: 20057.34 },{ name: '無錫市', value: 15477.48 },{ name: '徐州市', value: 31686.1 },{ name: '常州市', value: 6992.6 },{ name: '蘇州市', value: 44045.49 },{ name: '南通市', value: 40689.64 },{ name: '連云港市', value: 37659.78 },{ name: '淮安市', value: 45180.97 },{ name: '鹽城市', value: 55204.26 },{ name: '揚州市', value: 21900.9 },{ name: '鎮(zhèn)江市', value: 4918.26 },{ name: '泰州市', value: 5881.84 },{ name: '宿遷市', value: 4178.01 }],emphasis: {disabled: false,itemStyle: {areaColor: '#102a7d',},label: {show: true,color: '#fff',itemStyle: {color: '#2a4a69'},}}}]});}});

總結

以上是生活随笔為你收集整理的江苏省地图，根据数值大小显示地图颜色，添加visualMap配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。