效果在最后面木人。
效果在最后面信柿。
效果在最后面。
不懂的可以私信問我醒第,看到會(huì)回復(fù)的
步驟:
第一步:
先在百度的echarts官網(wǎng)渔嚷,下載js文件。在網(wǎng)站的最下面稠曼,有個(gè)方案三形病,去定制。根據(jù)自己需求下載js文件霞幅。echarts下載鏈接放在下面漠吻。
下載地址:Echarts下載js文件
第二步:
將下載好的js文件,導(dǎo)入項(xiàng)目的arrests文件夾里面司恳,沒有的可以在項(xiàng)目中自己創(chuàng)建途乃。
assets文件夾
第三步:?
將下載好的js文件導(dǎo)入assets文件夾后,然后在assets文件夾創(chuàng)建.html文件扔傅,用來用與視圖的展示耍共。創(chuàng)建方法是右鍵assets文件夾,后點(diǎn)擊File選項(xiàng)猎塞,創(chuàng)建后綴為.html文件即可试读。
在創(chuàng)建好的.html中,進(jìn)行編輯邢享。
注意紅框選中的地方鹏往,寫自己下載好的js文件名,不能錯(cuò)
注意紅框選中的地方骇塘,寫自己下載好的js文件名伊履,不能錯(cuò)
注意紅框選中的地方,寫自己下載好的js文件名款违,不能錯(cuò)
注意紅框選中的地方唐瀑,寫自己下載好的js文件名,不能錯(cuò)
之后在.html文件里插爹,編寫容器哄辣。我是這樣寫的:
.html中先創(chuàng)建視圖容器请梢。
上面這個(gè)是創(chuàng)建視圖容器,容器開頭和容器結(jié)尾力穗,中間的視圖代碼我刪掉截圖的毅弧。(后面會(huì)給全部截圖代碼)
第四步:
在html中創(chuàng)建好容器后,就該編寫視圖代碼了当窗,原諒我看不到j(luò)s代碼够坐,讓小程序同事幫忙給調(diào)的,當(dāng)然可以在
echarts官網(wǎng)--案例--中可以自己找合適的崖面,然后引用去調(diào)用元咙。直接將案例中的?var?option?代碼塊全部拉倒.html中的容器里。我先把自己的視圖代碼截圖發(fā)一下巫员。
html上部分
.html下部分
java代碼中創(chuàng)建集合數(shù)據(jù)
java代碼中傳值調(diào)用
注意:在web加載成功后庶香,在傳遞,不然有白屏問題简识。
注意:在web加載成功后赶掖,在傳遞,不然有白屏問題财异。
注意:在web加載成功后倘零,在傳遞,不然有白屏問題戳寸。
注意:加載assets.html時(shí)呈驶,路徑的asset?不要帶s。
上面只是簡(jiǎn)單的demo疫鹊,下面是我項(xiàng)目中的效果圖袖瞻。
項(xiàng)目效果圖
項(xiàng)目效果圖