詳解在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴(lài)導(dǎo)入)

更新時(shí)間：2020年07月11日 10:51:06 作者：唐傘皮

這篇文章主要介紹了在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴(lài)導(dǎo)入),本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

一：js引入

首先要從Echart下載

在這里插入圖片描述

選擇你想要的圖表后，滑到最下面的下載

在這里插入圖片描述

將下載好的文件放入

在這里插入圖片描述

然后引入HTML中

<script src="echarts.min.js"></script>

在這里插入圖片描述

二：maven引入

首先將maven依賴(lài)導(dǎo)入

<!-- https://mvnrepository.com/artifact/org.webjars.bower/echarts -->
<dependency>
 <groupId>org.webjars.bower</groupId>
 <artifactId>echarts</artifactId>
 <version>4.7.0</version>
</dependency>

然后在HTML導(dǎo)入，路徑在下面，找到包的路徑引入

在這里插入圖片描述

到此這篇關(guān)于在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴(lài)導(dǎo)入)的文章就介紹到這了,更多相關(guān)idea 將Echarts引入web內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

原生js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制內(nèi)容到剪切板
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制內(nèi)容到剪切板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版
這篇文章主要介紹了小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
js在數(shù)組中刪除重復(fù)的元素自保留一個(gè)(兩種實(shí)現(xiàn)思路)
遍歷要?jiǎng)h除的數(shù)組arr, 把元素分別放入另一個(gè)數(shù)組tmp中，在判斷該元素在arr中不存在才允許放入tmp中，具體實(shí)現(xiàn)如下，需要的朋友可以看看
2014-08-08
js遍歷map javaScript遍歷map的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇js遍歷map javaScript遍歷map的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
webpack 靜態(tài)資源集中輸出的方法示例
這篇文章主要介紹了webpack 靜態(tài)資源集中輸出的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-11-11
js實(shí)現(xiàn)視頻播放時(shí)屏幕顯示水印
這篇文章主要為大家詳細(xì)介紹了js如何實(shí)現(xiàn)視頻播放時(shí)屏幕顯示水印的效果,文中的示例代碼講解詳細(xì),對(duì)我們深入掌握js有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-10-10
JavaScript鏈?zhǔn)秸{(diào)用原理與實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript鏈?zhǔn)秸{(diào)用,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript鏈?zhǔn)秸{(diào)用基本原理、實(shí)現(xiàn)方法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
js拼接html注意問(wèn)題示例探討
js的拼接html，會(huì)有一些細(xì)節(jié)是需要注意的，也就是單引號(hào)的問(wèn)題，下面有個(gè)示例，大家感受下
2014-07-07
javascript控制frame,iframe的src屬性代碼
原理就是通過(guò)獲取當(dāng)前網(wǎng)頁(yè)地址欄的信息傳參，然后設(shè)置框架的地址。
2009-12-12
JS 實(shí)現(xiàn)Table相同行的單元格自動(dòng)合并示例代碼
Table相同行的單元格自動(dòng)合并，使用js來(lái)實(shí)現(xiàn)此效果，具體代碼下，感興趣的朋友可以參考下
2013-08-08