Highcharts线和点仅在鼠标悬停时显示

Question

我试图使用Highcharts显示一个简单的图形。它工作得很好，但有一点因为未知原因我的线路刚刚停止出现。屏幕显示为空，只有当鼠标悬停在屏幕上时才能看到这些点。

我添加了一个虚拟系列进行检查，这就是它现在的样子：

生成图表的代码是：

$(function () {
            $.get('data/data.txt', function (data) {   
                // Preparing data
                var formatted = []
                var lines = data.split('\n');
                $.each(lines, function (lineNo, line) {
                    var items = line.split('-');

                    formatted.push(
                        [
                            Date.UTC(
                                items[1],
                                items[2],
                                items[3],
                                items[4],
                                items[5],
                                items[6]),
                            parseInt(items[0])
                        ]
                    );
                });
                console.log(formatted)

                // Data prepared, now display it
                $('#container').highcharts({
                    xAxis: {
                        type: 'datetime'
                    },
                    series: [
                        {
                            data: formatted,
                            name: "Prize pool"
                        },
                        {
                            name: 'Tokyo',
                            data: [[1433620800000,7.0], [1433620822000,6.9], [1433620824000,9.5], [1433620826000,14.5], [1433620828000,18.2]]
                        },
                    ]
                });
            })
        });

接收到的数据格式正确，如屏幕截图所示。它具有与“东京”系列相同的结构和非常相似的值。但是，只有后者是可见的。改变线宽或颜色什么也没做。没有其他图表自定义。这是怎么回事？

“隐藏”系列的最后一点也完全被忽略，从未显示过。

（video for reference）

Answer 1

原来，图表无法很好地处理空数据 - 在我准备显示数据的部分，必须处理空行（可能出现在文件的末尾），如果有的话一条线，只是忽略它。