在High图表JS文档中,它显示了使用null值可以断开线条图。
series: [{
data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4],
}](JSFiddle:http://jsfiddle.net/minuteman/4cpsczdt/)
但是,如果使用HTML表,则行就会消失。只能看到点。
<tr>
<th>Plums</th>
<td>null</td>
<td>11</td>
</tr>(JSFiddle:http://jsfiddle.net/minuteman/qrhp770m/)
如何使用HTML表中的数据重新显示行?
发布于 2016-04-20 09:15:45
其原因是解析器将空转换为字符串,而不是类型为空。解决方案是使用load事件,对每个系列/每个点进行迭代,并纠正值。
chart: {
type: 'line',
events: {
load: function() {
var chart = this,
series = chart.series,
each = Highcharts.each;
each(series, function(serie, i) {
each(serie.data, function(point,j){
if(point.y === "null") {
point.update({
y: null
},false);
}
});
});
chart.redraw();
}
}
},简单演示:jsfiddle.net/es7zrw 71
https://stackoverflow.com/questions/36733286
复制相似问题