" + params.data.name + "分公司

"; res += "

DJ异常数：

" + params.data.value[2] + "

"; res += "

GZ异常数：

" + params.data.value[3] + "

"; res += "

CZ异常数：

" + params.data.value[4] + "

"; res += "

QX异常数：

" + params.data.value[5] + "

"; res += "

DQ异常数：

" + params.data.value[6] + "

"; res += "

" return res }, backgroundColor: "rgba(0,0,0,0)", borderWidth: 0 }, legend: { orient: 'vertical', left: '40', bottom: '40', data: ['正常', '异常'], textStyle: { color: '#666' }, icon: 'circle', borderColor: '#aaa', borderWidth: 1, padding: 10, borderRadius: 6, backgroundColor: "#fff", itemWidth: 8, itemHeight: 8, }, bmap: { center: [104.114129, 35.550339], zoom: 6, roam: true, mapStyle: { 'styleJson': [{ 'featureType': 'water', //水 'elementType': 'all', 'stylers': { 'color': '#fff' } }, { 'featureType': 'land', //土地 'elementType': 'geometry', 'stylers': { 'color': '#fff' } }, { 'featureType': 'highway', //公路 'elementType': 'all', 'stylers': { 'visibility': 'off' } }, { 'featureType': 'arterial', 'elementType': 'all', 'stylers': { 'visibility': 'off' } }, { 'featureType': 'arterial', 'elementType': 'all', 'stylers': { 'visibility': 'off' } }, { 'featureType': 'local', 'elementType': 'all', 'stylers': { 'visibility': 'off' // 'color': '#000000' } }, { 'featureType': 'railway', 'elementType': 'all', // 'elementType': 'geometry.fill', 'stylers': { 'visibility': 'off' // 'color': '#000000' } }, { 'featureType': 'railway', 'elementType': 'geometry.stroke', 'stylers': { 'color': '#08304b' } }, { 'featureType': 'subway', 'elementType': 'geometry', 'stylers': { 'lightness': -70 } }, { 'featureType': 'building', 'elementType': 'geometry.fill', 'stylers': { 'color': '#000000' } }, { 'featureType': 'all', 'elementType': 'labels.text.fill', 'stylers': { 'color': '#857f7f' } }, { 'featureType': 'all', 'elementType': 'labels.text.stroke', 'stylers': { 'color': '#000000' } }, { 'featureType': 'building', 'elementType': 'geometry', 'stylers': { 'color': '#022338' } }, { 'featureType': 'green', 'elementType': 'geometry', 'stylers': { 'color': '#062032' } }, { 'featureType': 'boundary', 'elementType': 'all', 'stylers': { 'color': '#465b6c' } }, { 'featureType': 'manmade', 'elementType': 'all', 'stylers': { 'visibility': 'off' } }, { 'featureType': 'label', 'elementType': 'all', 'stylers': { 'visibility': 'off' } }] } }, series: [{ name: '正常', type: 'scatter', coordinateSystem: 'bmap', data: convertData(data), symbolSize: 8, label: { normal: { formatter: '{b}', position: 'bottom', show: false }, emphasis: { show: true } }, itemStyle: { normal: { color: 'purple' } } }, { name: '异常', type: 'effectScatter', coordinateSystem: 'bmap', data: convertData(data.sort(function(a, b) { return b.value - a.value; }).slice(0, 5)), symbolSize: 10, showEffectOn: 'render', rippleEffect: { brushType: 'stroke' }, hoverAnimation: true, label: { normal: { formatter: '{b}', position: 'right', show: true } }, itemStyle: { normal: { color: '#ff0000', shadowBlur: 10, shadowColor: '#333' } }, zlevel: 1 }] }; function getYCdata(data) { var YCdata = [] for (var i = 0; i < data.length; i++) { if ((data[i].DJYCS + data[i].GZPYCS + data[i].CZPYCS + data[i].QXYCS + data[i].DQGZYCS) > 0) { var geoCoord = geoCoordMap[data[i]["COMPANY"]]; if (geoCoord) { YCdata.push({ name: data[i]["COMPANY"], value: geoCoord.concat(data[i]["DJYCS"], data[i]["GZPYCS"], data[i]["CZPYCS"], data[i]["QXYCS"], data[i]["DQGZYCS"]) }); } } } return YCdata; } function getZCdata(data) { var ZCdata = [] for (var i = 0; i < data.length; i++) { if ((data[i].DJYCS + data[i].GZPYCS + data[i].CZPYCS + data[i].QXYCS + data[i].DQGZYCS) == 0) { var geoCoord = geoCoordMap[data[i]["COMPANY"]]; if (geoCoord) { ZCdata.push({ name: data[i]["COMPANY"], value: geoCoord.concat(data[i]["DJYCS"], data[i]["GZPYCS"], data[i]["CZPYCS"], data[i]["QXYCS"], data[i]["DQGZYCS"]) }); } } } return ZCdata; }

Echarts在线免费图表