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

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

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

瀏覽:3日期: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久久久久久动医院 | 精品久久久久久国产 | 黄色片视频网站 | 亚洲成色777777在线观看影院 | 日韩欧美二区 | 99热激情| 毛片a级| 91视频大全| 亚洲欧美日韩精品久久亚洲区 | 久久精品小视频 | 日韩免费高清视频 | 国产精品一区二区不卡 | 国产精品一区二区三区在线 | 亚洲综合色视频在线观看 | 欧美日韩精品一区二区 | 亚洲三区在线观看 | 国产网站在线播放 | 国产日产欧产精品精品推荐蛮挑 | 亚洲视频在线播放 | 国产综合久久久久久鬼色 | 久久综合伊人 | 伊人伊人伊人 | 黄色片免费 | 亚洲一区视频在线 | 欧美一级久久久猛烈a大片 日韩av免费在线观看 | aaa大片免费观看 | 亚洲精品一区av在线播放 | 成人小视频在线观看 | 午夜免费精品视频 | 天天操夜夜爽 | 久久综合久久自在自线精品自 | 国内激情av片 | av先锋资源 |