Web數(shù)據(jù)可視化教程（基于ECharts）教案 電子活頁3-3 【任務(wù)3-3】的對(duì)應(yīng)代碼_第1頁
Web數(shù)據(jù)可視化教程（基于ECharts）教案 電子活頁3-3 【任務(wù)3-3】的對(duì)應(yīng)代碼_第2頁
Web數(shù)據(jù)可視化教程（基于ECharts）教案 電子活頁3-3 【任務(wù)3-3】的對(duì)應(yīng)代碼_第3頁
Web數(shù)據(jù)可視化教程（基于ECharts）教案 電子活頁3-3 【任務(wù)3-3】的對(duì)應(yīng)代碼_第4頁
Web數(shù)據(jù)可視化教程（基于ECharts）教案 電子活頁3-3 【任務(wù)3-3】的對(duì)應(yīng)代碼_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）【任務(wù)3-3】的對(duì)應(yīng)代碼Web數(shù)據(jù)可視化教程（基于ECharts）<!doctypehtml><html><head><metacharset="utf-8"><title>ECharts圖表示例</title><!--引入ECharts文件--><scriptsrc="../ECharts/echarts.min.js"></script></head><body><!--為ECharts準(zhǔn)備一個(gè)定義了寬高的DOM--><divid="main"style="width:800px;height:600px;"></div><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'};constseriesLabel={show:true};option={title:{text:'天氣數(shù)據(jù)統(tǒng)計(jì)'},tooltip:{trigger:'axis',axisPointer:{type:'shadow'}},legend:{data:['CityA','CityB','CityC']},grid:{left:100},toolbox:{show:true,feature:{saveAsImage:{}}},xAxis:{type:'value',name:'Days',axisLabel:{formatter:'{value}'}},yAxis:{type:'category',inverse:true,data:['Sunny','Cloudy','Showers'],axisLabel:{formatter:function(value){return'{'+value+'|}\n{value|'+value+'}';},margin:20,rich:{value:{lineHeight:30,align:'center'},Sunny:{height:40,align:'center',backgroundColor:{image:weatherIcons.Sunny}},Cloudy:{height:40,align:'center',backgroundColor:{image:weatherIcons.Cloudy}},Showers:{height:40,align:'center',backgroundColor:{image:weatherIcons.Showers}}}}},series:[{name:'CityA',type:'bar',data:[165,170,30],label:seriesLabel,markPoint:{symbolSize:1,symbolOffset:[0,'50%'],label:{formatter:'{a|{a}\n}{b|}{c|{c}}',backgroundColor:'rgb(242,242,242)',borderColor:'#aaa',borderWidth:1,borderRadius:4,padding:[4,10],lineHeight:26,position:'right',distance:20,rich:{a:{align:'center',color:'#fff',fontSize:18,textShadowBlur:2,textShadowColor:'#000',textShadowOffsetX:0,textShadowOffsetY:1,textBorderColor:'#333',textBorderWidth:2},b:{color:'#333'},c:{color:'#ff8811',textBorderColor:'#000',textBorderWidth:1,fontSize:22}}},data:[{type:'max',name:'maxdays:'},{type:'min',name:'mindays:'}]}},{name:'CityB',type:'bar',label:seriesLabel,data:[150,105,110]},{name:'CityC',type:'bar',label:seriesLabel,dat

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論