mysql-HighCharts MySql数据库数据绑定-mysql教程-PHP中文网

mysql-HighCharts MySql数据库数据绑定

php中文网

发布： 2016-06-06 09:35:02

原创

1578人浏览过

mysqlhighcharts

前提：已经确定从数据库读出的数据转换为json格式，测试了下，结果为：
factor value: {"rows":[{"cur_val":0.1150,"pow_val":26.2913,"consum":76.3807,"voltage":228.6632,"opt_time":"2015-05-26 20:37"},{"cur_val":0.1181,"pow_val":27.0956,"consum":76.3807,"voltage":229.4428,"opt_time":"2015-05-26 20:53"},```]} 数据量有些多大概有1000多条

Controller： @ResponseBody @RequestMapping(value="/factor",method ={RequestMethod.GET,RequestMethod.POST}) public String getFactor(HttpServletRequest request,HttpServletResponse response)throws SgccException{ String factor=null; System.out.println(request.getParameter("eqid")); try { factor=elcDataService.queryData(request.getParameter("acid"), request.getParameter("eqid")); System.out.print("factor Value: "); System.out.print(factor); } catch (Exception e) { e.printStackTrace(); } return factor; }页面：（大概把相关的贴下）

<code> <button type="button" align="left" onclick="line()">查 询</button> <div id="container" style="width:850px;height:370px; float:left;"></div> <script type="text/javascript">function line() {     if($("#account").val()==""){         Dialog,alert("请填写用户名！");        }    else{          var x=[];          var y=[];        $.ajax({            type:"get",            url:"<%=path%>/factor",            data:{"eqid":$.trim($("#eid option:selected").val()),                  "acid":$.trim($("#account").val())},            dataType:"json",            async:false,            success:function(msg) {                var returnValue = eval("("+msg+")");                for(var key in returnValue.rows){                    returnValue.rows[key].y=returnValue.rows[key].consum;                    xtext=returnValue.rows[key].opt_time;                }                chart.series[0].setData(returnValue.rows.consum);            },            error:function() {                Dialog.alert("没有数据，请重新查询！");                return;            }        });      var chart=new Highcharts.Chart({        chart:{            renderto:'container',            type:'spline'        },        title:{text:'变化趋势'},        xAxis:{categories:xtext},        yAxis:{title:{text:变化趋势},},        series:[{name:"consum"}]      });      };};</script></code>

登录后复制

页面显示：图片说明

启科网络PHP商城系统

启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。