highchart的图表出不来几种情况总结
2017-05-05 10:21
260 查看
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
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即可。
[jav
b298
ascript] view
plain copy
plotOptions: {
series: {
stickyTracking: false
},
turboThreshold:0 //不限制数据点个数
,
因为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
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即可。
[jav
b298
ascript] view
plain copy
plotOptions: {
series: {
stickyTracking: false
},
turboThreshold:0 //不限制数据点个数
,
相关文章推荐
- highchart的图表出不来几种情况总结
- flex中chart(图表)知识总结
- AchartEngine 统计图表开发总结
- jQuery HighchartsTableHTML表格转Highcharts图表插件
- Objective C中数组排序几种情况的总结
- Objective C中数组排序几种情况的总结
- IE报错 Firefox不报错的几种情况总结
- Objective C中数组排序几种情况的总结
- 使用AngularJS结合Highchart图表动态获取JSON格式数据
- 黑马程序员——Objective C中数组排序几种情况的总结——黑马 ios 技术博客
- highchart宽度自适应的问题-图表压缩到一起
- Vector向量几种情况的总结
- Objective C中数组排序几种情况的总结
- Objective C中数组排序几种情况的总结
- Objective C中数组排序几种情况的总结
- highchart是个好东西,html做图表,jq太强大了
- 需要用getchar()吃掉回车的几种情况个人实验总结
- 经验总结-1-不同类之间调用彼此方法的几种情况
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- 帮学长毕业设计总结:AChartEngine创建图表的步骤