Highcharts / Highstock datetime null 数据即使与 connectNulls 连接:f



我正在尝试获取堆叠面积高点图表以不显示空值。以下是选项:

var chartOpts = {
    chart: {
        renderTo: "graphContainer",
        type: 'area'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
         type: 'datetime',
         ordinal: false
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    legend: {enabled: true},
    plotOptions: {
        area: {
            connectNulls: false,
            stacking: 'normal',
            lineColor: '#666666',
            lineWidth: 1,
            marker: {
                lineWidth: 1,
                lineColor: '#666666'
            }
        }
    },
    series: []
};

这是用于数据填充的代码:

$.post('GetData',{fechaInicio:fechaInicio, fechaFin:fechaFin},function(dataXML) { 
           var xml = $(dataXML);
           var fecha;
           var hora;
           var fechaUTC;
           var dato;
           var division;
           xml.find('series').each(function(i, series) {
               var seriesOptions = {
                   name: $(series).find('name').text(),
                   data: []
               };
                // push data points
               $(series).find('data point').each(function(i, point) {
                   division=$(point).text().split(",");
                   fecha = division[0].split("/");
                   hora = division[1].split(":");
                   fechaUTC = Date.UTC(parseInt(fecha[2]),(parseInt(fecha[0])-1),parseInt(fecha[1]),parseInt(hora[0]),parseInt(hora[1]));
                   dato = parseInt(division[2]);
                   seriesOptions.data.push([fechaUTC, dato]);
               });
                chartOpts.series.push(seriesOptions);
           });
           var chart = new Highcharts.StockChart(chartOpts);
      });

我从中得到的是(对不起,链接,但我不能发布图像):

https://i.stack.imgur.com/pFt6R.jpg

禁用除SOVQ以外的所有数据系列,我得到了这个:

https://i.stack.imgur.com/ak44n.jpg

在最后一个图表中,数据似乎从第一个小时 (00:00) 到 14:15 是恒定的,但在该间隔中存在空数据,因此我期望该间隔为空。

如果您可以看到选项代码,我将 connectNulls 选项设置为 false(我认为 false 值是 highstock 的默认值)。有谁知道是否有其他选项可以不显示空数据?

提前谢谢。

问候。

它应该可以工作。您确定您确实有空数据点吗?快速浏览一下您的代码,我看不出 dato 为空的任何方法。我在此行上设置了一个断点:

var chart = new Highcharts.StockChart(chartOpts);

并确保确实存在带有 null 的数据点。我怀疑没有。

最新更新