Java与Highcharts实例(五)

来源:互联网 发布:数据架构师要学什么 编辑:程序博客网 时间:2024/06/05 04:45

一、图表显示不出的问题。


1)  Js的引入顺序不正确,导致highchart的图表出不来,

因为Highchart插件中用到了jquery,jquery的js要在引入highchart的js之前引入,否则当会导致当加载highchart插件用到的js时,找不到jquery的js,报出某个js的函数不合法,Higchart图表无法显示。

2)后台传入的JSON格式数据,需要用eval函数处理一下,否则图表也无法正常显示

曾经遇到这种情况,把后台返回的JSON格式数据打印出来,直接放到data中,可以正常显示,而直接把后台返回的变量赋值给data时,图表无法显示。如下代码,如果直接写成chart.series[0].setData(response.data)则图表无法正常显示。

[javascript] view plain copy
  1. function getForm() {  
  2.             return $http.get("/billsDetail/chartData").success(function (response) {  
  3.                 //为图表设置值  
  4.                 chart.series[0].setData(eval(response.data));  
  5.             }).error(function (response) {  
  6.                 $log.debug("请求超时或网络故障!获得列表失败!")  
  7.             });  

3) 当series数据点个数在1000之内,图表正常显示,当数据点个数超过1000后,图表显示不出来。
其实是我们尚未发现有一个turboThreshold的属性,它是涡轮阈值,默认值为1000,是控制数据点的最大个数限制值的,如果不限制可以设置该值为0即可。
[javascript] view plain copy
  1. plotOptions: {  
  2.            series: {  
  3.                stickyTracking: false  
  4.            },  
  5.            turboThreshold:0 //不限制数据点个数  
  6. ,  

二、<script> <link>标签相对路径与绝对路径的问题
最好用basePath;由访问路径来控制

三、$getJSON()问题,路径必须加上项目名,在Tomcat root下时不需要。

原创粉丝点击