2. 程式人生 > >在Java web頁面使用ECharts製作圖表

在Java web頁面使用ECharts製作圖表

阿新 • • 發佈：2019-01-12
// 基於準備好的dom，初始化echarts例項 var myChart = echarts.init(document.getElementById('main')); // 指定圖表的配置項和資料 option = { title : { text: '某地區蒸發量和降水量', subtext: '純屬虛構'
}, tooltip : { trigger: 'axis' }, legend: { data:['蒸發量','降水量'] }, toolbox: { show : true, feature : { dataView : {show: true
, readOnly: false}, magicType : {show: true, type: ['line', 'bar']}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, xAxis : [ { type : 'category'
, data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'] } ], yAxis : [ { type : 'value' } ], series : [ { name:'蒸發量', type:'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } }, { name:'降水量', type:'bar', data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], markPoint : { data : [ {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183}, {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3} ] }, markLine : { data : [ {type : 'average', name : '平均值'} ] } } ] }; // 使用剛指定的配置項和資料顯示圖表。 myChart.setOption(option);

相關推薦

在Java web頁面使用ECharts製作圖表

// 基於準備好的dom，初始化echarts例項 var myChart = echarts.init(document.getElementById('main'));

JAVA Web頁面F5重新整理重複提交form表單問題(後端Servlet重定向)

寫在前面：學習JAVA WEB，在提交新增表單後F5，form表單會不停的提交，困擾了我很久，也試過網上很多方法，可能是我使用方法不對，一直不成功。 其中程式碼為： int result = sf.add(stuno, pwd, stun

Echarts製作圖表教程一------柱狀圖

簡介 ECharts，縮寫來自Enterprise Charts，商業級資料圖表，是百度的一個開源的資料視覺化工具，業界給予了很多讚譽，這裡不多說，需要了解詳情的同學參見官網。我簡略看了下，最貼切的地方在於本地化支援，比如對於中國地圖的支援。 案例欣賞 ----

java web 入門級 開發 常用頁面調試方法

文件的 數據 生效 str debugger 操作數 ron 速查 現在 這裏介紹一下Java web 入門級開發中常用的代碼調式方法; ( 僅供入門級童靴 參考) ; 工具: chrome 瀏覽器 (版本越高越好); Java web 入門級開發 主要就是兩個方

java圖形驗證碼生成工具類及web頁面校驗驗證碼

組合 line des resp word buffere 需要 case ali 最近做驗證碼，參考網上案例，發現有不少問題，特意進行了修改和完善。驗證碼生成器：[ht

java實現將excle資料匯入到web頁面

1.Service實現類 @Override public List<ListExcle> loadScoreInfo(String xlsPath) throws IOException { List<ListExcle> temp =

JAVA 關於web頁面下載匯出Excel通用方法

最近整理匯出Excel，這種情況是不存在實體類方式，只要按照這種資料格式編寫，就可以出來效果了。 1.需要的的jar包： poi-ooxml-3.9.jar serlet.api.jar 缺少的包自己去下就可以，都是常用的包，這裡就不一一寫出來了 下面看程式碼： 公

Java Web jsp中有關頁面跳轉和轉發與重定向的區別

響應頭 通過設定響應頭實現頁面跳轉,並且在面試中也會問及是否是重定向還是轉發 最後給大家簡單介紹轉發和重定向的區別 Location Location需要與狀態碼302配合使用，完成頁面重定向 Location: http://www.banma.com 指定頁面要

Java Web專案，Android和微信小程式的初始頁面配置

Java Web專案 我們在Eclipse裡開了Java Web專案之後，Run As Tomcat或者Apache伺服器，本地執行，如果直接用http://localhost:8080訪問專案，會發現瀏覽器會開啟一個預設的頁面。 這個頁面是在什麼地方配置的呢？

java web之路 controller引數繫結從前端頁面獲得資料

jsp頁面，controller，requestmapping controller中註解requestmapping表示接收這個請求，通過reture表示轉到那個jsp頁面上。 前端頁面將一組資料傳到controller可以通過定義一個<from action="

java web前面頁面顯示小方塊問題

        上週專案組在測試工程師的測試報告中發現如下圖中的bug，流程是新增或修改完之後，跳轉到查詢列表頁面，偶爾出現一個小方塊；而且還是小概率事件出現方塊，這個問題在chrome上沒有問題，只是在ie11中有問題。一開始我以為是頁面程式碼寫得不規範，比如jsp少結束

新手超詳細記錄:Docker for Windows打包製作tomcat映象並部署java web專案

專案基本情況 我用的是普通的java web專案，其中採用了struts框架，沒有main函式，Makefile實在寫不出來，因此spring框架的那種打包docker的方式並不適用。 開發工具用的是MyEclipse10，平常在本地執行的時候就是部署到

docker 製作java web環境映象

準備工作： 1.新建資料夾 web，在當前檔案下新建 softwares，上傳 apache-tomcat-7.0.70.tar.gz、jdk-8u102-linux-x64.tar.gz到soft

製作 JAVA WEB + TOMCAT7.0 RPM 安裝包 for centos

1  安裝rpmbuild，並配置環境 1.1 首先，你應該檢查rpmbuild是否已經被安裝在你的系統上。你將會利用這個工具從 spec 檔案或SRPM 元件建立 RPM。要檢查它是否被安裝了，請執行rpmbuild --showrc這個指令。它將會顯示一大組資料，把r

Java Web 錯誤/異常處理頁面

<%@page pageEncoding="UTF-8" isErrorPage="true" import="java.io.*"%> <%!/** * 收集錯誤資訊 輸出到網頁 * * @param r

Java Web 前端頁面 模板原始碼

本文僅提供原始碼參考學習,如原始碼進行商用所造成侵權行為本人概不負責,如有侵權請聯絡本人刪除! 本文只展示3例模板 ,原始碼檔案請點選提取碼.如果需要更多請聯絡本人獲取. 1.原始碼檔案提取碼:https://pan.baidu.com/s/104nrthWY1M3RwPnhHfjrRg

RaceWeb介紹(5)：自動生成web頁面——圖表頁面截圖

    通過對Race簡單設定，可以釋出生成十多種賞心悅目的圖表頁面。從csv檔案到生成以下頁面，一般不超過5分鐘，因為不需要任何編碼，只需要點選滑鼠即可。 保留國土面積大於500萬的

java web登入頁面上記住密碼

利用cookie程式設計      login.jsp 頁面上的java程式碼： <% String flag = (String)session.getAttribute("flag")==n

Java Web中使用JSPSmartUpload控制元件實現檔案的上傳和下載（解決了中文亂碼問題）（JSP頁面採用GBK編碼）

package edu.uestc.updown; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletConfig; import javax.servlet.ServletException

Java Web 錯誤/異常處理頁面（更新）

更新！！之前的程式碼嚴重過度設計！！現修正只是一張 jsp 即可。<%@page pageEncoding="UTF-8" isErrorPage="true" import="java.io.*"%> <%!/** * 收集錯誤資訊 輸出到網頁 *