Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）【任務(wù)3-6】的對應(yīng)代碼Web數(shù)據(jù)可視化教程（基于ECharts）<scripttype="text/javascript">vardom=document.getElementById('main');varmyChart=echarts.init(dom,null,{renderer:'canvas',useDirtyRect:false});varapp={};varoption;constcategories=(function(){letnow=newDate();letres=[];letlen=10;while(len--){res.unshift(now.toLocaleTimeString().replace(/^\D*/,''));now=newDate(+now-2000);}returnres;})();constcategories2=(function(){letres=[];letlen=10;while(len--){res.push(10-len-1);}returnres;})();constdata=(function(){letres=[];letlen=10;while(len--){res.push(Math.round(Math.random()*1000));}returnres;})();constdata2=(function(){letres=[];letlen=0;while(len<10){res.push(+(Math.random()*10+5).toFixed(1));len++;}returnres;})();option={title:{text:'動態(tài)數(shù)據(jù)'},tooltip:{trigger:'axis',axisPointer:{type:'cross',label:{backgroundColor:'#283b56'}}},legend:{},toolbox:{show:true,feature:{dataView:{readOnly:false},restore:{},saveAsImage:{}}},dataZoom:{show:false,start:0,end:100},xAxis:[{type:'category',boundaryGap:true,data:categories},{type:'category',boundaryGap:true,data:categories2}],yAxis:[{type:'value',scale:true,name:'價(jià)格',max:30,min:0,boundaryGap:[0.2,0.2]},{type:'value',scale:true,name:'訂單數(shù)量',max:1200,min:0,boundaryGap:[0.2,0.2]}],series:[{name:'動態(tài)柱狀圖',type:'bar',xAxisIndex:1,yAxisIndex:1,data:data},{name:'動態(tài)折線圖',type:'line',data:data2}]};app.count=11;setInterval(function(){letaxisData=newDate().toLocaleTimeString().replace(/^\D*/,'');data.shift();data.push(Math.round(Math.random()*1000));data2.shift();data2.push(+(Math.random()*10+5).toFixed(1));categories.shift();categories.push(axisData);categories2.shift();categories2.push(app.count++);myChart.setOption({xAxis:[{data:categories},{data:categories2}],series:[{data:data},{data:data2}]});},2100);if(op