javascript - 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]]
                        },
                    ]
                });
            })
        });

收到的数据格式正确，如屏幕截图所示。它与“东京”系列具有相同的结构和非常相似的值(value)观。但是，只有后者是可见的。更改线宽或颜色没有任何作用。没有其他图形的自定义。这是怎么回事？

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

( video for reference )

Answer 1

原来图表不能很好地处理空数据——在我准备要显示的数据的部分，必须处理空行(可能发生在文件末尾)，如果有这样的一行，忽略即可。