



下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
echarts關(guān)系圖參數(shù)_Echarts的使?在jsp頁?有很酷炫的動(dòng)態(tài)圖?展?效果,?如:這樣的效果這顯?的是全球航線的3d效果展?,在頁?上你甚?可以去拖動(dòng)圖?。那么什么是echarts呢?ECharts是?款開源、功能強(qiáng)?的數(shù)據(jù)可視化產(chǎn)品,它是由百度團(tuán)開發(fā)創(chuàng)建的前端可視化?具。具有很強(qiáng)?的功能。?門也及其的簡單。再使?echarts之前,你需要將echarts插件導(dǎo)?到項(xiàng)?中,并且去echarts官?去選擇好你要的顯?的效果,然后根據(jù)頁?顯?的參數(shù)調(diào)整你要顯?的數(shù)據(jù)。就是在這個(gè)頁?調(diào)整好你要修改的地?,然后點(diǎn)擊download下載好后,將源碼粘貼到j(luò)sp頁?,并將你要修改的數(shù)據(jù)部分由你響應(yīng)回來的數(shù)據(jù)來代替就可以了;官?的獲取echarts?法:你可以通過以下?種?式獲取ECharts。1.從官?下載界?選擇你需要的版本下載,根據(jù)開發(fā)者功能和體積上的需求,我們提供了不同打包的下載,如果你在體積上沒有要求,可以直接下載完整版本。開發(fā)環(huán)境建議下載源代碼版本,包含了常見的錯(cuò)誤提?和警告。2.在ECharts的GitHub上下載最新的release版本,解壓出來的?件夾?的dist?錄?可以找到最新版本的echarts庫。3.通過npm獲取echarts,npminstallecharts--save,詳見“在webpack中使?echarts”4.cdn引?,你可以在cdnjs,npmcdn或者國內(nèi)的bootcdn上找到ECharts的最新版本。下載好echarts后要引?ECharts,?如<!DOCTYPEhtml><html><head><metacharset="utf-8"><scriptsrc="echarts.min.js"></script></head></html>然后就可以創(chuàng)建圖表了:?先創(chuàng)建?個(gè)div容器容納圖表<body><divid="main"style="width:600px;height:400px;"></div></body>然后就可以通過echarts.init?法初始化?個(gè)echarts實(shí)例并通過setOption?法?成?個(gè)簡單的柱狀圖,下?是完整代碼。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>ECharts</title><scriptsrc="echarts.min.js"></script></head><body><divid="main"style="width:600px;height:400px;"></div><scripttype="text/javascript">//基于準(zhǔn)備好的dom,初始化echarts實(shí)例varmyChart=echarts.init(document.getElementById('main'));//指定圖表的配置項(xiàng)和數(shù)據(jù)varoption={title:{text:'ECharts?門?例'},tooltip:{},legend:{data:['銷量']},xAxis:{data:["襯衫","??衫","雪紡衫","褲?","?跟鞋","襪?"]},yAxis:{},series:[{name:'銷量',type:'bar',data:[5,20,36,10,10,20]}]};//使?剛指定的配置項(xiàng)和數(shù)據(jù)顯?圖表。myCha
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(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ǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五年度競業(yè)限制合同在體育產(chǎn)業(yè)的合同應(yīng)用
- 第十七章第一節(jié)《電流與電壓和電阻的關(guān)系》教學(xué)設(shè)計(jì)-2024-2025學(xué)年人教版物理九年級上學(xué)期
- 2025年度網(wǎng)絡(luò)安全防護(hù)咨詢股權(quán)合作協(xié)議
- 2025年衛(wèi)浴三件套項(xiàng)目可行性研究報(bào)告
- 二零二五年度股東合伙出資協(xié)議書:現(xiàn)代農(nóng)業(yè)產(chǎn)業(yè)投資合作協(xié)議
- 三年級數(shù)學(xué)100以內(nèi)整數(shù)除法計(jì)算題綜合作業(yè)例題帶答案
- 2025年中國圣誕裝飾蘋果行業(yè)市場發(fā)展前景及發(fā)展趨勢與投資戰(zhàn)略研究報(bào)告
- 全國蘇科版初中信息技術(shù)七年級上冊第三單元第1節(jié)《文本加工工具》教學(xué)設(shè)計(jì)
- 2025年免疫分析儀器及試劑項(xiàng)目合作計(jì)劃書
- Unit4 I have a pen pal PartA let's learn(教學(xué)設(shè)計(jì))-2024-2025學(xué)年人教PEP版英語六年級上冊
- 八年級下綜合實(shí)踐教案全套
- 第8課《山山水水》教學(xué)設(shè)計(jì)(新人教版小學(xué)美術(shù)六年級上冊)
- word 公章 模板
- 世界技能大賽PPT幻燈片課件(PPT 21頁)
- Python程序設(shè)計(jì)ppt課件完整版
- T∕ZSQX 008-2020 建設(shè)工程全過程質(zhì)量行為導(dǎo)則
- 質(zhì)量管理體系基礎(chǔ)知識(shí)培訓(xùn)-2016
- 《腹膜透析》ppt課件
- 甲醇催化劑說明書
- 北京課改版(2021年春修訂版)數(shù)學(xué)四年級下冊全冊教學(xué)課件
- 汽車標(biāo)準(zhǔn)法規(guī)(課堂PPT)
評論
0/150
提交評論