var svg = ` ` echarts.registerMap('sc', { svg: svg }) option = { backgroundColor:'#74787c', tooltip:{ show:true, trigger:'item', triggerOn:'mousemove|click', enterable:true //允许鼠标进入弹窗进行交互 }, geo: { show: true, map: 'sc', label: { show: true } }, series: [ { type: 'effectScatter', coordinateSystem: 'geo', data: [ { name: '熊猫', value: [299.27007299270076, 300.7907542579075], symbolSize: 18, intro:'要让心中有一块燃烧着的火炭，而眼中却没有一珠泪花。' }, { name: "美食", value: [566.9099756690997, 481.7518248175182], symbolSize: 18, intro:'想要逃避总有借口，想要成功总有方法！' } ], rippleEffect: { brushType: 'stroke', }, hoverAnimation: true, }, { type: 'lines', effect: { show: true, period: 4, //箭头指向速度，值越小速度越快 trailLength: 0.02, //特效尾迹长度[0,1]值越大，尾迹越长重 symbol: 'arrow', //箭头图标 symbolSize: 10, //图标大小 color: '#aa363d', }, lineStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#6950a1', }, { offset: 1, color: '#8552a1', }, ]), width: 2, //尾迹线条宽度 opacity: 1, //尾迹线条透明度 curveness: 0.3, //尾迹线条曲直度 }, }, data: [ { coords: [ [299.27007299270076, 300.7907542579075], [566.9099756690997, 481.7518248175182] ] } ], tooltip:{ show:false, formatter:function(){ return ""; } } } ] } // myChart.getZr().on("click", (params) => { // console.log("params", params); // console.log( // myChart.convertFromPixel("geo", [ // params.offsetX, // params.offsetY, // ]) // ); // }); myChart.on("mousemove",(event)=>{ setTimeout( ()=>{ option.tooltip.formatter=function(params){ return `${params.data.name}` } myChart.setOption(option); }, 10 ) }) myChart.on("click",(event)=>{ setTimeout( ()=>{ option.tooltip.formatter=function(params){ return `${params.data.name}

${params.data.intro}` } myChart.setOption(option); }, 10 ) })

Echarts在线免费图表