' + '

' + item.data.name + '

' + '

' + '' + '总测试设备：' + item.data.value + ' ' + '' + '

' + '

'; return tipHtml1; } else if (item.componentSubType === 'effectScatter') { var tipHtml2 = ''; tipHtml2 = '

' + '

' + item.data.name + '

' + '

' + '' + '总测试设备：' + item.data.value[2] + ' ' + '' + '

' + '

'; return tipHtml2; } else if (item.componentSubType === 'scatter') { var tipHtml3 = ''; tipHtml3 = '

' + '

' + item.data.name + '

' + '

' + '' + '总测试设备：' + item.data.value[2] + ' ' + '' + '

' + '

'; return tipHtml3; } } }, backgroundColor: "#013954", "graphic": [{ type: 'group', left: pos.left, top: pos.top - 4, children: [{ type: 'line', left: 0, top: -20, shape: { x1: 0, y1: 0, x2: 85, y2: 0 }, style: { stroke: style.lineColor, } }, { type: 'line', left: 0, top: 20, shape: { x1: 0, y1: 0, x2: 85, y2: 0 }, style: { stroke: style.lineColor, } }] }, { id: name[idx], type: 'group', left: pos.left + 2, top: pos.top, children: [{ type: 'polyline', left: 90, top: -12, shape: { points: line }, style: { stroke: 'transparent', key: name[0] }, onclick: function() { var name = this.style.key; console.log(name, '111111') handleEvents.resetOption(myChart, option, name); } }, { type: 'text', left: 0, top: 'middle', style: { text: name[0] === '四川' ? '四川省' : name[0], textAlign: 'center', fill: style.textColor, font: style.font }, onclick: function() { handleEvents.resetOption(myChart, option, '四川'); } }, { type: 'text', left: 0, top: 10, style: { text: 'SICHUAN', textAlign: 'center', fill: style.textColor, font: '12px "Microsoft YaHei", sans-serif', }, onclick: function() { handleEvents.resetOption(myChart, option, '四川'); } }] }], visualMap: { //图例值控制 min: 0, max: 1, calculable: true, show: false, color: ['#f44336', '#fc9700', '#ffde00', '#ffde00', '#00eaff'], textStyle: { color: '#fff' } }, "geo": { "map": "四川", "layoutCenter": ["55%", "50%"], "layoutSize": "109%", "label": { "normal": { "show": true, "textStyle": { "color": '#fff' } }, "emphasis": { "textStyle": { "color": '#fff' } } }, "roam": true, //是否允许缩放 "mapLocation": { "width": "110%", "height": "97%" }, "itemStyle": { "normal": { borderColor: 'rgba(147, 235, 248, 1)', borderWidth: 1, areaColor: { type: 'radial', x: 0.5, y: 0.5, r: 0.8, colorStops: [{ offset: 0, color: 'rgba(147, 235, 248, 0)' // 0% 处的颜色 }, { offset: 1, color: 'rgba(147, 235, 248, .2)' // 100% 处的颜色 }], globalCoord: false // 缺省为 false }, shadowColor: 'rgba(128, 217, 248, 1)', // shadowColor: 'rgba(255, 255, 255, 1)', shadowOffsetX: -2, shadowOffsetY: 2, shadowBlur: 10 }, "emphasis": { itemStyle: { areaColor: '#FFD181', borderColor: '#404a59', borderWidth: 1 } } } }, series: series }, myChart.setOption(option); myChart.on('click', function(params) { console.log(params) var _self = this; if (cityMap[params.name]) { var url = cityMap[params.name]; $.get(url, function(response) { //console.log(response, 'res'); curGeoJson = response; echarts.registerMap(params.name, response); handleEvents.resetOption(_self, option, params.name); }); } }); });

四川省供水数据汇总与可视化