' + '

' + '' + '' + '' + params.name + '' + '

' + '

' + '' + '' + '单位总数：' + '' + toolTipData.length + '' + '个' + '

' + '

' + '' + '' + '总人数：' + '' + toolTipData.length + '' + '个' + '

' + '

' + '' + '' + '总人数：' + '' + toolTipData.length + '' + '个' + '

' + '

' + '' + '' + '总人数：' + '' + toolTipData.length + '' + '个' + '

' + '

'; // setTimeout(function () { // tooltipCharts(params.name); // }, 10); return tipHtml; }, }, //左下角深度尺 visualMap: { show: true, min: 0, max: 200, left: '10%', top: 'bottom', calculable: true, seriesIndex: [1], inRange: { color: ['#04387b', '#467bc0'], // 蓝绿 }, }, geo: { show: true, map: mapName, roam: true, zoom: 1, label: { normal: { show: false, }, emphasis: { show: false, }, }, itemStyle: { normal: { areaColor: '#023677', borderColor: '#1180c7', }, emphasis: { areaColor: '#4499d0', }, }, }, series: [ { name: '散点', type: 'scatter', coordinateSystem: 'geo', data: convertData(data), symbolSize: function (val) { return val[2] / 10; }, label: { normal: { formatter: '{b}', position: 'right', show: true, }, emphasis: { show: true, }, }, itemStyle: { normal: { color: '#fff', }, }, }, { type: 'map', map: mapName, geoIndex: 0, aspectScale: 0.75, //长宽比 showLegendSymbol: false, // 存在legend时显示 label: { normal: { show: true, }, emphasis: { show: false, textStyle: { color: '#fff', }, }, }, roam: true, itemStyle: { normal: { areaColor: '#031525', borderColor: '#3B5077', }, emphasis: { areaColor: '#2B91B7', }, }, animation: false, data: data, }, { name: '点', type: 'scatter', coordinateSystem: 'geo', zlevel: 6, }, { name: 'Top 5', type: 'effectScatter', coordinateSystem: 'geo', data: convertData( data .sort(function (a, b) { return b.value - a.value; }) .slice(0, 10) ), symbolSize: function (val) { return val[2] / 10; }, showEffectOn: 'render', rippleEffect: { brushType: 'stroke', }, hoverAnimation: true, label: { normal: { formatter: '{b}', position: 'left', show: false, }, }, itemStyle: { normal: { color: 'yellow', shadowBlur: 10, shadowColor: 'yellow', }, }, zlevel: 1, }, ], }; myChart.setOption(option); var index = 0; //播放所在下标 var showTip = setInterval(function () { myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: index, }); index++; if (index >= option.series[0].data.length) { index = 0; } }, 2000); myChart.on('mouseover', function (params) { console.log(params); clearInterval(showTip); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: params.dataIndex, }); }); myChart.on('mouseout', function (params) { showTip && clearInterval(showTip); showTip = setInterval(function () { myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: index, }); index++; if (index >= option.series[0].data.length) { index = 0; } }, 2000); }); }); });

自定义轮播显示详情