如何显示高图中未找到的数据
How to display no data found in highcharts
在highcharts中,如果json值中没有找到数据,我想显示一条错误消息。
我使用了以下代码:
if(options.series[0].data.length == 0) {
alert('nodatafound');
} else {
var chart = new Highcharts.Chart(options);
}
这个错误出现:
TypeError: options.series[0]。数据未定义
数据来自JSON:
{
"chart": {
"renderTo": "container2",
"type": "column",
"marginRight": 10,
"marginBottom": 125
},
"title": {
"text": "",
"x": -20
},
"exporting": {
"enabled": false
},
"credits": {
"enabled": false
},
"subtitle": {
"text": "",
"x": -20
},
"xAxis": {
"labels": {
"rotation": -90,
"style": {
"fontSize": "10px"
}
}
},
"yAxis": {
"title": {
"text": ""
},
"plotLines": [{
"width": 1,
"color": "#808080"
}]
},
"tooltip": {
"shared": true
},
"legend": {
"align": "right",
"verticalAlign": "top",
"x": 0,
"y": 20,
"borderWidth": 0
},
"plotOptions": {
"column": {
"stacking": "normal",
"dataLabels": {
"enabled": false,
"color": "white"
}
}
},
"series": [{
"name": "2015-16-Q1"
}, {
"name": "2015-16-Q2"
}, {
"name": "2015-16-Q3"
}, {
"name": "2015-16-Q4"
}]
}
你可以使用no-data模块。
Ref: http://code.highcharts.com/modules/no-data-to-display.js
示例:http://jsfiddle.net/6o8o03fe/1/
相关文章:
- 动态更改高图中的系列颜色
- 如何为高图中的区域线创建z索引
- 如何将数据标签与数据一起传递,以便在高图中的工具提示中显示
- 删除高图中的第一条和最后一条网格线
- 如何根据高图中的值获得动态颜色变化
- 动态更改高图中x轴刻度标签的日期时间格式
- 在高图中重命名导出时的图例
- 我怎样才能在高图中保持颜色不变
- 如何在高图中缩放缩放事件的svg路径
- 将开始日期和结束日期添加为高图中的X轴标签
- 是否可以在具有多个停止点的高图中呈现线性渐变
- 在高图中启用“向下钻取”功能,无需修改序列
- 如何在java脚本高图中实现z索引
- 从下拉菜单中更改选择时,更改高图中的数据
- 改变数据在高图中的显示方式
- 我如何在树图高图中选择数据范围
- 如何在高图中为类别数据使用隐藏选项
- 在树状地图高图中保留父数据标签
- 在高图中单独着色的数据范围
- 如何显示高图中未找到的数据