高分辨率折线图工具提示大数据集的问题

时间:2013-08-30 10:39:03

标签: javascript highcharts tooltip

我在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"

}); });

图表基本上显示了每个系列的上/下值。当鼠标悬停在“向下”值上时,不会显示任何工具提示。 放大时更糟糕。显示工具提示,但不是悬停在其上的点;从来没有'向下'的价值观。

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

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

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