1

在启用滚动条的情况下,我在 highstock 图表中显示了一些生命体征。无论用户滚动到哪里,或者加载了多少数据,我都只想在 xAxis 上显示一个 4 小时的窗口。最初加载图表时,我设置了最小值和最大值,并将 minRange 设置为四个小时,但是当使用滚动条时,会出现一些非常奇怪的行为:xAxis 比例发生变化,滚动条似乎跳回来回。以下是一些配置选项:

defaultOptions = {
    title: {
        text: ""
    },
    navigator: {
        enabled: false
    },
    rangeSelector: {
        enabled: false
    },
    plotOptions: {
        series: {
            stickyTracking: false
        }
    },
    tooltip: {
        animation: false,
        crosshairs: false,
        shared: false,
        formatter: tooltipFormatter
    },
    credits: {
        enabled: false
    },
    xAxis: {
        minRange: chartRangeInMillis,
        maxZoom: chartRangeInMillis,
        min: 1364229900000,
        max: 1364244300000,
        tickInterval: 15 * 60 * 1000,
        minTickInterval: 15 * 60 * 1000,
        startOnTick: true,
        gridLineWidth: 1,
        ordinal: false,
        endOnTick: false,
        labels: {
            formatter: function () {
                var d = new Date(this.value);
                return (d.getMinutes() === 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes();
            }
        }
    },
    yAxis: {
        lineWidth: 2,
        min: 0,
        max: 250,
        offset: 0,
        tickInterval: 50,
        showLastLabel: true,
        labels: {
            align: 'right',
            x: -5,
            y: 3
        }
    }
};

你可以在这里看到行为:http: //jsfiddle.net/6w3C3/

我尝试在重绘和其他事件回调中设置极端值,但无济于事。我错过了什么?

4

1 回答 1

1

事实证明,如果我将 startOnTick 选项设置为 false,并删除 minRange,滚动问题就解决了。

于 2013-03-28T14:52:07.563 回答