Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）【任務9-2】的對應代碼Web數(shù)據(jù)可視化教程（基于ECharts）<scripttype="text/javascript">vardom=document.getElementById('main');varmyChart=echarts.init(dom,null,{renderer:'canvas',useDirtyRect:false});varapp={};varROOT_PATH='image/';varoption;constweatherIcons={Sunny:ROOT_PATH+'sunny_128.png',Cloudy:ROOT_PATH+'cloudy_128.png',Showers:ROOT_PATH+'showers_128.png'};option={title:{text:'天氣數(shù)據(jù)統(tǒng)計',subtext:'虛擬數(shù)據(jù)',left:'center'},tooltip:{trigger:'item',formatter:'{a}<br/>:{c}(z3jilz61osys%)'},legend:{bottom:10,left:'center',data:['區(qū)域A','區(qū)域B','區(qū)域D','區(qū)域C','區(qū)域E']},series:[{type:'pie',radius:'65%',center:['50%','50%'],selectedMode:'single',data:[{value:1548,name:'區(qū)域E',label:{formatter:['{title|}{abg|}','{weatherHead|天氣狀況}{valueHead|天數(shù)}{rateHead|百分比}','{hr|}','{Sunny|}{value|202}{rate|55.3%}','{Cloudy|}{value|142}{rate|38.9%}','{Showers|}{value|21}{rate|5.8%}'].join('\n'),backgroundColor:'#eee',borderColor:'#777',borderWidth:1,borderRadius:4,rich:{title:{color:'#eee',align:'center'},abg:{backgroundColor:'#333',width:'100%',align:'right',height:25,borderRadius:[4,4,0,0]},Sunny:{height:30,align:'left',backgroundColor:{image:weatherIcons.Sunny}},Cloudy:{height:30,align:'left',backgroundColor:{image:weatherIcons.Cloudy}},Showers:{height:30,align:'left',backgroundColor:{image:weatherIcons.Showers}},weatherHead:{color:'#333',height:24,align:'left'},hr:{borderColor:'#777',width:'100%',borderWidth:0.5,height:0},value:{width:20,padding:[0,20,0,30],align:'left'},valueHead:{color:'#333',width:20,padding:[0,20,0,30],align:'center'},rate:{width:40,align:'right',padding:[0,10,0,0]},rateHead:{color:'#333',width:40,align:'center',padding:[0,10,0,0]}}}},{value:735,name:'區(qū)域C'},{value:510,name:'區(qū)域D'},{value:434,name:'區(qū)域B'},{value:335,name:'區(qū)域A'}],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:'rgba(0,