大型数据集的 Highchart 折线图工具提示问题

Question

我有一个相当大的数据集显示在 highcharts 折线图中。工具提示已启用，但工具提示的显示非常不稳定，尤其是在放大时。

您可以在此处查看数据集：http://jsfiddle.net/ARfcB/2/

$(function () {

$('#container').highcharts({

    chart: {
            type: 'line',
            zoomType: "x"
        },
        plotOptions: {
            line: {
                marker: {
                    enabled: true
                },
                animation: true
            }
        },
        legend: {
            enabled: true,
            layout: "vertical",
            align: 'right',
            verticalAlign: 'middle'
        },
        tooltip: {
            enabled: true,
            shared: false
        },
        xAxis: {
            type: "datetime"
        },
        yAxis: {
            title: {
                text: 'Up/Down'
            },
            labels: {
                style: {
                    color: "blue"
                }
            },
            min: 0,
            max: 1,
            tickInterval: 1,
            categories: ['Down', 'Up']
        },
        credits: {
            enabled: false
        },
        series: "large dataset on jsfiddle page"

}); });

图表基本上显示了每个系列的向上/向下值。当鼠标悬停在“向下”值上时，不会显示任何工具提示。 放大时更糟。显示工具提示，但显示的是悬停点以外的点；并且从不用于“向下”值。

我想知道这仅仅是因为数据集非常大还是 highcharts 本身的问题。

提前感谢您的帮助。

Answer 1

您的数据应按 x 升序排序。