HighCharts：存在缺失数据值时的自动 x 轴问题

Question

考虑以下 chart 玩具示例，其中包含缺失值：

   $('#container').highcharts({
        chart: {
            type: 'scatter',
        },
        plotOptions: {
            scatter: {
                lineWidth:1,
            }
        },
        series: [{data:[[-3.8,0.4],[-3.3,-0.2],null,[-4.9,-0.7],[-4.8,-0.3]]}]
    });

这些点位于图表的左侧，并没有跨越它的所有宽度，因为当您从数据系列中删除缺失的点时会发生这种情况。换句话说，似乎没有正确计算自动最小和最大 x 轴值。

在我的另一个真实示例中，问题更为严重：所有数据点都累积在左侧的一个小条带上，而图表区域的其余部分完全是空的。

怎么了？这是一个错误？有解决方案或解决方法吗？

Answer 1

在 Highcharts 中不能有 null x 值。

如果您希望空点像您描述的那样工作，您需要提供一个 x 值以告诉图表空 y 值在哪里。

您已按 [x,y] 对提供数据，因此您必须为所有数据点执行此操作，包括 null 值。

更新示例，使用 [-3,null]:

http://jsfiddle.net/jlbriggs/2rNzr/69/

HighCharts：存在缺失数据值时的自动 x 轴问题

HighCharts: automatic x-axis issue in presence of missing data values

highcharts

scatter-plot

missing-data