首页 > 代码库 > highchart的图表出不来几种情况总结

highchart的图表出不来几种情况总结

2024-08-09 06:51:57   219人阅读

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 //不限制数据点个数
},


未完待续。。。

highchart的图表出不来几种情况总结


联系
我们