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)则图表无法正常显示。
function getForm() { return $http.get("/billsDetail/chartData").success(function (response) { //为图表设置值 chart.series[0].setData(eval(response.data)); }).error(function (response) { $log.debug("请求超时或网络故障!获得列表失败!") });
3) 当series数据点个数在1000之内,图表正常显示。当数据点个数超过1000后。图表显示不出来。
事实上是我们尚未发现有一个turboThreshold的属性,它是涡轮阈值,默认值为1000,是控制数据点的最大个数限制值的,假设不限制能够设置该值为0就可以。
plotOptions: { series: { stickyTracking: false }, turboThreshold:0 //不限制数据点个数 },
待续。
。。
版权声明:本文博客原创文章。博客,未经同意,不得转载。
时间: 2024-10-05 11:36:42