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

Highchart line chart tooltip issues with large dataset

本文关键字:工具提示 问题 折线图 高图表 数据集 大型      更新时间:2023-09-26

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

您可以在此处查看数据集: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"

});});

该图基本上显示了每个系列的向上/向下值。当鼠标悬停在"向下"值上时,不会显示工具提示。放大时更糟糕。显示工具提示,但针对悬停在其上的点以外的点;决不适用于"向下"值。

我想知道这是因为数据集很大,还是因为高图本身有问题。

提前感谢您的帮助。

您的数据应该通过x升序排序。