在Java web页面使用ECharts制作图表
生活随笔
收集整理的這篇文章主要介紹了
在Java web页面使用ECharts制作图表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
因為最近在做一項課設，需要可視化，因此選擇echarts。但因為太久沒用了，所以忘記了怎么在web頁面引用echarts，在這里做個記錄，開發工具是VSCODE.
一、下載echarts.min.js
首先打開這個網址https://echarts.apache.org/zh/download.html，拉到最下面選擇在線定制：
點進來后是這樣的：
勾選你需要畫的圖，如果你要畫柱狀圖，就把柱狀圖勾選上，這樣下載的工具包就會包括柱狀圖，如果你沒勾選某種圖，那么你就畫不了這種圖。選擇好以后點擊下載，就會開始下載：
三、構建項目
在VSCODE中構建HTML頁面，然后將下載的echarts.min.js放到同一文件夾下：
然后在html文件中引入：
接下來就可以開始引入echarts圖表了，在echarts官網——示例——選擇自己要繪制的圖，例如，我們選擇了折線圖：
我們可以先把要修改的代碼修改好，然后把option這部分代碼復制到html中（替換掉下面代碼里的option即可）：
用瀏覽器打開，就大功告成了：
總結
以上是生活随笔為你收集整理的在Java web页面使用ECharts制作图表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 分享一下自己的手机从ios14降级回io
- 下一篇： Java逐行打印