Web數(shù)據(jù)可視化教程（基于ECharts）模塊3繪制ECharts柱狀圖和條形圖【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量（1）啟動(dòng)Dreamweaver，創(chuàng)建網(wǎng)頁task0302.html，將該文件保存到本模塊文件夾Unit03中。（2）在網(wǎng)頁task0302.html中繪制柱狀圖對(duì)比降雨量與蒸發(fā)量，并進(jìn)行必要的屬性設(shè)置?！救蝿?wù)描述】【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量option={title:{text:'降雨量對(duì)比蒸發(fā)量',subtext:'虛擬數(shù)據(jù)'},tooltip:{trigger:'axis'},【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量legend:{data:['降雨量','蒸發(fā)量']},toolbox:{show:true,feature:{dataView:{show:true,readOnly:false},magicType:{show:true,type:['line','bar']},restore:{show:true},saveAsImage:{show:true}}},【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量calculable:true,xAxis:[{type:'category',

data:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']}],【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量yAxis:[{type:'value'}],series:[{name:'降雨量',type:'bar',data:[2.0,4.9,7.0,23.2,25.6,76.7,135.6,162.2,32.6,20.0,6.4,3.3],【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量markPoint:{data:[{type:'max',name:'Max'},{type:'min',name:'Min'}]},markLine:{data:[{type:'average',name:'Avg'}]}},【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量{name:'蒸發(fā)量',type:'bar',data:[2.6,5.9,9.0,26.4,28.7,70.7,175.6,182.2,48.7,18.8,6.0,2.3],markPoint:{data:[{name:'Max',value:182.2,xAxis:7,yAxis:183},{name:'Min',value:2.3,xAxis:11,yAxis:3}]},【代碼編寫】【任務(wù)3-2】繪制柱狀圖對(duì)比降雨量與蒸發(fā)量markLine:{data:[{type:'average',name:'Avg'}]}}]};【圖表展示】【任務(wù)3-2】