知识大全 SpringMVC+highstock实现曲线报表

Posted 2022-07-18 项目

篇首语：贵在坚持，难在坚持，成在坚持。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 SpringMVC+highstock实现曲线报表相关的知识，希望对你有一定的参考价值。

SpringMVC+highstock实现曲线报表 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　最近项目要做曲线报表之前用的是生成图片然后传到前端感觉不是很好在网上找到资料说highstock就可以而且还可以做类似股票的那种实时的曲线研究的一段时间把项目问题解决了做个总结首先把highstock js放到项目资源路径下因为这个需要JQuery 所以jquery min js也需要放而且在页面引用是要先引用jquery min js再引用highstock js 刚开始做的时候没注意页面加载完后不出图我做的这个图还需要exporting js 所以也要放进项目资源文件夹中页面代码 <script type= text/javascript src= $pagntextPath/js/jquery min js ></script> <script type= text/javascript src= $pagntextPath/js/highstock js ></script> <script type= text/javascript src= $pagntextPath/js/exporting js ></script> <script > $（document） ready（function（） $（ #sub ） click（function（） var names = []; $（ input:checked[name=sms] ） each（function（i e） var ks = $（this） val（） if（ks == ） names push（） else if （ks == ） names push（） else if （ks == ） names push（） else if （ks == ） names push（） else if （ks == ） names push（） else if （ks == ） names push（） else if （ks == ） names push（）） var seriesOptions = [] yAxisOptions = [] seriesCounter = colors = Highcharts getOptions（） colors; $ each（names function（i name） //后台读取json数据 $ getJSON（ <%=request getContextPath（）%>/JSONByAction?name= +name+ toh= + function（data） //将json数据放入seriesOptions数组 seriesOptions[i] = name: name data: data ; seriesCounter++; if （seriesCounter == names length） //开始绘图 createChart（）） function createChart（） window chart = new Highcharts StockChart（ chart : renderTo : container rangeSelector : selected : title : text : 湿度显示 credits : enabled : false//去掉右下角的标志 rangeSelector: // 缩放选择按钮是一个数组

cha138/Article/program/Java/ky/201311/28860