highcharts - 多点数据不能用Hightcharts画线

Question

我试图为超过 300 个点的数据绘制线条样式的图表。我无法获得预期的图表，但只能使用标记。但是，当我缩放图表时，可以看到这条线。我做了很多工作来展示这条线，但我失败了。最后，当我减少数据点的数量时，我可以看到这条线。我经历过flot，但我没有遇到过这种问题。是highcharts中的错误吗？我怎样才能克服这个困难？我期待着您的建议。

Answer 1

可能你没有足够的容器宽度，并且标记“重叠”线。所以尝试禁用标记http://api.highcharts.com/highcharts#plotOptions.line.marker.enabled并检查是否出现线条。

附言。源代码会很有帮助（你能在 jsfiddle.net 中重现它吗）

Answer 2

非常感谢您对这个问题的关注。我已经自己解决了这个问题。当我用 JSON.stringify 再次检查我的数据时，我发现最后一个绘图数据是 [NaN，NaN]。当我删除这些数据并再次绘图时，我得到了线图。我从文本文件创建数据并忘记修剪文本的原因。当我从数据数组中添加 /removed [NaN, NaN] 时，该行可以显示或消失。现象可以重现。

这是示例代码。data1 不能成行显示，但 data2 可以。var 图表；

var data1 = [
  [0, 1],
  [1, 2],
  [3, 5],
  [10, 9]
 ];


data1.push([NaN, NaN]); // if the last data is [NaN, NaN], the line will not be shown.

var data2 = [
  [2, 3],
  [4, 5],
  [10, 1]

];



$(function () {
    // define the options
    var options = {

        chart: {
            renderTo: 'container'
        },

        plotOptions: {
            series: {
                    lineWidth: 2,

                    marker: {
                        enabled: false
                    }
            }
        },

        series: [{
            name: 'test 1',
            data: data1
        }, {
            name: 'test 2',
            data: data2
        }]
    };

 chart = new Highcharts.Chart(options);


});