Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）【任務(wù)6-2】的對(duì)應(yīng)代碼Web數(shù)據(jù)可視化教程（基于ECharts）constdataBJ=[[1,55,9,56,0.46,18,6,'良'],[2,25,11,21,0.65,34,9,'優(yōu)'],[3,56,7,63,0.3,14,5,'良'],[4,33,7,29,0.33,16,6,'優(yōu)'],[5,42,24,44,0.76,40,16,'優(yōu)'],[6,82,58,90,1.77,68,33,'良'],[7,74,49,77,1.46,48,27,'良'],[8,78,55,80,1.29,59,29,'良'],[9,267,216,280,4.8,108,64,'重度污染'],[10,185,127,216,2.52,61,27,'中度污染'],[11,39,19,38,0.57,31,15,'優(yōu)'],[12,41,11,40,0.43,21,7,'優(yōu)'],[13,64,38,74,1.04,46,22,'良'],[14,108,79,120,1.7,75,41,'輕度污染'],[15,108,63,116,1.48,44,26,'輕度污染'],[16,33,6,29,0.34,13,5,'優(yōu)'],[17,94,66,110,1.54,62,31,'良'],[18,186,142,192,3.88,93,79,'中度污染'],[19,57,31,54,0.96,32,14,'良'],[20,22,8,17,0.48,23,10,'優(yōu)'],[21,39,15,36,0.61,29,13,'優(yōu)'],[22,94,69,114,2.08,73,39,'良'],[23,99,73,110,2.43,76,48,'良'],[24,31,12,30,0.5,32,16,'優(yōu)'],[25,42,27,43,1,53,22,'優(yōu)'],[26,154,117,157,3.05,92,58,'中度污染'],[27,234,185,230,4.09,123,69,'重度污染'],[28,160,120,186,2.77,91,50,'中度污染'],[29,134,96,165,2.76,83,41,'輕度污染'],[30,52,24,60,1.03,50,21,'良'],[31,46,5,49,0.28,10,6,'優(yōu)']];constdataGZ=[[1,26,37,27,1.163,27,13,'優(yōu)'],[2,85,62,71,1.195,60,8,'良'],[3,78,38,74,1.363,37,7,'良'],[4,21,21,36,0.634,40,9,'優(yōu)'],[5,41,42,46,0.915,81,13,'優(yōu)'],[6,56,52,69,1.067,92,16,'良'],[7,64,30,28,0.924,51,2,'良'],[8,55,48,74,1.236,75,26,'良'],[9,76,85,113,1.237,114,27,'良'],[10,91,81,104,1.041,56,40,'良'],[11,84,39,60,0.964,25,11,'良'],[12,64,51,101,0.862,58,23,'良'],[13,70,69,120,1.198,65,36,'良'],[14,77,105,178,2.549,64,16,'良'],[15,109,68,87,0.996,74,29,'輕度污染'],[16,73,68,97,0.905,51,34,'良'],[17,54,27,47,0.592,53,12,'良'],[18,51,61,97,0.811,65,19,'良'],[19,91,71,121,1.374,43,18,'良'],[20,73,102,182,2.787,44,19,'良'],[21,73,50,76,0.717,31,20,'良'],[22,84,94,140,2.238,68,18,'良'],[23,93,77,104,1.165,53,7,'良'],[24,99,130,227,3.97,55,15,'良'],[25,146,84,139,1.094,40,17,'輕度污染'],[26,113,108,137,1.481,48,15,'輕度污染'],[27,81,48,62,1.619,26,3,'良'],[28,56,48,68,1.336,37,9,'良'],[29,82,92,174,3.29,0,13,'良'],[30,106,116,188,3.628,101,16,'輕度污染'],[31,118,50,0,1.383,76,11,'輕度污染']];constdataSH=[[1,91,45,125,0.82,34,23,'良'],[2,65,27,78,0.86,45,29,'良'],[3,83,60,84,1.09,73,27,'良'],[4,109,81,121,1.28,68,51,'輕度污染'],[5,106,77,114,1.07,55,51,'輕度污染'],[6,109,81,121,1.28,68,51,'輕度污染'],[7,106,77,114,1.07,55,51,'輕度污染'],[8,89,65,78,0.86,51,26,'良'],[9,53,33,47,0.64,50,17,'良'],[10,80,55,80,1.01,75,24,'良'],[11,117,81,124,1.03,45,24,'輕度污染'],[12,99,71,142,1.1,62,42,'良'],[13,95,69,130,1.28,74,50,'良'],[14,116,87,131,1.47,84,40,'輕度污染'],[15,108,80,121,1.3,85,37,'輕度污染'],[16,134,83,167,1.16,57,43,'輕度污染'],[17,79,43,107,1.05,59,37,'良'],[18,71,46,89,0.86,64,25,'良'],[19,97,71,113,1.17,88,31,'良'],[20,84,57,91,0.85,55,31,'良'],[21,87,63,101,0.9,56,41,'良'],[22,104,77,119,1.09,73,48,'輕度污染'],[23,87,62,100,1,72,28,'良'],[24,168,128,172,1.49,97,56,'中度污染'],[25,65,45,51,0.74,39,17,'良'],[26,39,24,38,0.61,47,17,'優(yōu)'],[27,39,24,39,0.59,50,19,'優(yōu)'],[28,93,68,96,1.05,79,29,'良'],[29,188,143,197,1.66,99,51,'中度污染'],[30,174,131,174,1.55,108,50,'中度污染'],[31,187,143,201,1.39,89,53,'中度污染']];constschema=[{name:'date',index:0,text:'日'},{name:'AQI',index:1,text:'AQI指數(shù)'},{name:'PM2.5',index:2,text:'PM2.5'},{name:'PM10',index:3,text:'PM10'},{name:'CO',index:4,text:'一氧化碳（CO）'},{name:'NO2',index:5,text:'二氧化氮（NO2）'},{name:'SO2',index:6,text:'二氧化硫（SO2）'}];constitemStyle={opacity:0.8,shadowBlur:10,shadowOffsetX:0,shadowOffsetY:0,shadowColor:'rgba(0,0,0,0.3)'};option={color:['#dd4444','#fec42c','#80F1BE'],legend:{top:10,data:['北京','上海','廣州'],textStyle:{fontSize:16}},grid:{left:'10%',right:150,top:'18%',bottom:'10%'},tooltip:{backgroundColor:'rgba(255,255,255,0.7)',formatter:function(param){varvalue=param.value;//prettier-ignorereturn'<divstyle="border-bottom:1pxsolidrgba(255,255,255,.3);font-size:18px;padding-bottom:7px;margin-bottom:7px">'+param.seriesName+''+value[0]+'日：'+value[7]+'</div>'+schema[1].text+'：'+value[1]+'<br>'+schema[2].text+'：'+value[2]+'<br>'+schema[3].text+'：'+value[3]+'<br>'+schema[4].text+'：'+value[4]+'<br>'+schema[5].text+'：'+value[5]+'<br>'+schema[6].text+'：'+value[6]+'<br>';}},xAxis:{type:'value',name:'日期',nameGap:16,nameTextStyle:{fontSize:16},max:31,splitLine:{show:false}},yAxis:{type:'value',name:'AQI指數(shù)',nameLocation:'end',nameGap:20,nameTextStyle:{fontSize:16},splitLine:{show:false}},visualMap:[{left:'right',top:'10%',dimension:2,min:0,max:250,itemWidth:30,itemHeight:120,calculable:true,precision:0.1,text:['圓形大?。篜M2.5'],textGap:30,inRange:{symbolSize:[10,70]},outOfRange:{symbolSize:[10,70],color:['rgba(255,255,255,0.4)']},controller:{inRange:{color:['#c23531']},outOfRange:{color:['#999']}}},{left:'right',bottom:'5%