javascript - 为什么这个 Highcharts xAxis 实际最大值大于我设置的 xAxis.max？

Question

这是带有样条系列的 Highcharts 图表。 xAxis max 设置为 9405，如以下 fiddle 所示:http://jsfiddle.net/Bridgeland/253gq/1/

当我添加一个列系列，并使用 pointRange 和 pointInterval 将其与样条线对齐时，X 轴的实际最大值似乎增加到大约 11000，正如您在这个 fiddle 中看到的:http://jsfiddle.net/Bridgeland/5nq4q/

第一个系列中没有8620以上的数据，第二个系列中没有8360以上的数据。那么为什么 HighCharts 会增加 X 轴的有效最大值呢？我该如何控制它？

(你可能想知道为什么我这么关心真正的最大值是多少。如果我只有一个样条线和一个列系列来对齐，那不会是一个大问题。但在实际应用中，我有一个第二个样条线具有不同的 xAxis 和不同的比例，我需要对齐两个样条线的比例。我通过设置每个 xAxis 的最大值来做到这一点，但是当 Highcharts 覆盖我设置的最大值时，我的对齐方式就偏离了。)

与第二个 fiddle 对应的代码，即显示问题的代码:

$(function () {
    $('#container').highcharts({
        chart: {
            alignTicks: false
        },
        yAxis: {
            min: 0,
            max: 1 
        },
        xAxis: {
            min: 0, 
            max: 9405
        },
        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [{
            type: 'spline',
            marker: {
                enabled: false
            },
            zIndex: 1,
            data: [
                [0, 1],
                [215.5115677836167, 1],
                // much data omitted
                [8620.462711344668, 0]
            ]
        }, {
            type: 'column',
            pointPadding: 0.01,
            groupPadding: 0,
            borderWidth: 0,
            shadow: false,
            pointPlacement: 'between',
            zIndex: 0,
            minPointLength: 3, 
            data: [1, 0.8303045243052317, 0.507000086078798, 0.3012666720025181, 0.15608877940134103, 0.07002459966684138, 0.04309138172365523, 0.014811084204643832],
            pointRange: 1045,
            pointInterval: 1045
        }]
    });
});

感谢您对此的帮助。正如我的一位 friend 所说，stackoverflow 是互联网上最有用的网站。真正重要的不是网站，而是您。

Answer 1

这与事实有关，highcharts 需要定期计算刻度位置。所以我建议修改tickInterval或使用tickPositions/tickPostioner。

http://api.highcharts.com/highcharts