Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）【任務(wù)9-3】的對(duì)應(yīng)代碼Web數(shù)據(jù)可視化教程（基于ECharts）constsymbolSize=20;constdata=[[40,-10],[-30,-5],[-76.5,20],[-63.5,40],[-22.1,50]];option={title:{text:'嘗試拖動(dòng)這些點(diǎn)',left:'center'},tooltip:{triggerOn:'none',formatter:function(params){return('X:'+params.data[0].toFixed(2)+'<br>Y:'+params.data[1].toFixed(2));}},grid:{top:'8%',bottom:'12%'},xAxis:{min:-100,max:70,type:'value',axisLine:{onZero:false}},yAxis:{min:-30,max:60,type:'value',axisLine:{onZero:false}},dataZoom:[{type:'slider',xAxisIndex:0,filterMode:'none'},{type:'slider',yAxisIndex:0,filterMode:'none'},{type:'inside',xAxisIndex:0,filterMode:'none'},{type:'inside',yAxisIndex:0,filterMode:'none'}],series:[{id:'a',type:'line',smooth:true,symbolSize:symbolSize,data:data}]};setTimeout(function(){//Addshadowcircles(whichisnotvisible)toenabledrag.myChart.setOption({graphic:data.map(function(item,dataIndex){return{type:'circle',position:myChart.convertToPixel('grid',item),shape:{cx:0,cy:0,r:symbolSize/2},invisible:true,draggable:true,ondrag:function(dx,dy){onPointDragging(dataIndex,[this.x,this.y]);},onmousemove:function(){showTooltip(dataIndex);},onmouseout:function(){hideTooltip(dataIndex);},z:100};})});},0);window.addEventListener('resize',updatePosition);myChart.on('dataZoom',updatePosition);functionupdatePosition(){myChart.setOption({graphic:data.map(function(item,dataIndex){return{position:myChart.convertToPixel('grid',item)};})});}functionshowTooltip(dataIndex){myChart.dispatchAction({type:'showTip',seriesIndex:0,dataIndex:dataIndex});}functionhideTooltip(dataIndex){myChart.dispatchAction({type:'hideTip'});}functiononPointDragging(dataIndex,pos){data[dataIndex]=myChart.convertFromPixe