Question

在Highchart JS API文档中，它显示可以使用空值断开折线图。

  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表格中的数据重新显示该行？

Answer 1

原因是解析器将null转换为字符串而不是null类型。解决方案是使用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/es7zrw71

如果数据具有空值，则不显示Highchart JS（HTML表，折线图）行

1 个答案: