av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Java web數據可視化實現原理解析

瀏覽:2日期:2022-09-04 18:31:59

這周用java web制作了全國各個省份的疫情數據的可視化,做的是最基礎的柱狀圖。

先導入

Java web數據可視化實現原理解析

相應的echarts包和插件

Java web數據可視化實現原理解析

<script type='text/javascript'> // 基于準備好的dom,初始化echarts實例 var myChart = echarts.init(document.getElementById(’main’)); // 指定圖表的配置項和數據 myChart.setOption({ title: { text: ’全國各省確診人數’ }, tooltip: {}, legend: { data:[’確診人數’], width:’auto’, height:’auto’ }, xAxis: { data: [] }, yAxis: {}, series: [{ name: ’確診人數’, type: ’bar’, data: [] }] }); myChart.showLoading(); var names=[]; //類別數組(實際用來盛放X軸坐標值) var nums=[]; //銷量數組(實際用來盛放Y坐標值) // 使用剛指定的配置項和數據顯示圖表。

這個是echarts的基本框架具體的數值要通過ajax向servlet發送請求從而獲取數據庫的數據,

$.ajax({ type : 'post', async : true, //異步請求(同步請求將會鎖住瀏覽器,用戶其他操作必須等待請求完成才可以執行) url : 'search', //請求發送到TestServlet處 success : function(resultJson) { var result= jQuery.parseJSON(resultJson); //請求成功時執行該函數內容,result即為服務器返回的json對象 if (result) { for(var i=0;i<result.length;i++){ names.push(result[i].name); //挨個取出類別并填入類別數組 nums.push(result[i].value); } myChart.hideLoading(); //隱藏加載動畫 myChart.setOption({ //加載數據圖表 xAxis: { data: names }, series: [{ // 根據名字對應到相應的系列 name: ’確診人數’, data: nums }] });} }, error : function(errorMsg) { //請求失敗時執行該函數 alert('圖表請求數據失敗!'); myChart.hideLoading(); } });

在servlet里面要將數據放回成json格式

request.setCharacterEncoding('UTF-8'); response.setContentType('text/html;charset=utf-8'); System.out.println('1515'); List<Data> Data = null; Data = DBUtil.getAll(); List<Mydata> mydata = new ArrayList<Mydata>(); for (Data data : Data) { Mydata info = new Mydata(); info.setName(data.getProvince()); info.setValue(data.getConfirmed()); mydata.add(info); } Gson gson = new Gson(); String json = gson.toJson(mydata); System.out.println(json); response.getWriter().write(json);

這里還要注意要想用json格式必須導入json所需要的包,否則會顯示錯誤。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: Java
相關文章:
主站蜘蛛池模板: 91成人免费观看 | 精品在线一区二区 | 成年人网站免费视频 | 日韩中文字幕 | 欧美日韩在线观看一区 | 日韩欧美字幕 | 国产超碰人人爽人人做人人爱 | 羞羞视频免费观看 | 99精品国产一区二区三区 | 成人免费视频一区 | 在线播放中文字幕 | 九九九视频在线 | 操久久 | 亚洲三级av| 国产伦精品一区二区三区高清 | 亚洲精品片 | 亚洲国产二区 | 欧美久久一级特黄毛片 | 福利视频一区二区三区 | av网站在线播放 | 99精品国产一区二区青青牛奶 | 久久久国产精品一区 | 日韩精品一区二区三区视频播放 | 久久国产高清 | 国产成人综合久久 | 中文字幕日韩欧美 | www在线视频 | 亚洲欧美精品在线观看 | 日韩欧美在线视频观看 | 伊人精品在线视频 | 亚洲视频中文 | 天天干天天想 | 国产1区2区3区 | 久久国内精品 | 最新国产福利在线 | aaaa一级毛片 | 日日夜夜精品视频 | 国产91亚洲精品一区二区三区 | 中文字幕99| 午夜精品一区 | 久久精品视频在线观看 |