javascript - 图表创建后需要精确设置Highcharts轴的最小值/最大值

大多数时候，我们的应用程序希望Highcharts决定图表的y轴刻度位置。但是，用户可以在创建并显示图表后选择“自定义范围”命令并为y轴指定自定义最小值和最大值。目的：用户可能希望导出与他们制作的其他图表对齐的图表。我已经尝试了包括以下代码在内的许多方法，但是Highcharts继续遵循其自身的min，max和tickInterval首选项（例如，它不遵守{5,25}或{-5,35}。还有我的自定义tickPositioner没有调用回调。

okClicked() {
    this.axis1.startOnTick = false;
    this.axis1.endOnTick = false;
    this.axis1.alignTicks = false;
    this.axis1.tickPositioner = this.getCustomTicks.bind(this, this.axis1, this.yMin1, this.yMax1);
    this.axis1.setExtremes(this.yMin1, this.yMax1);
    this.axis1.chart.redraw();
}

最佳答案

您可以在单击按钮后触发chart.update函数，并将轴选项设置为您希望的任何选项：

$('.btn').click(function() {
    Highcharts.each(Highcharts.charts, function(chart, i) {
        chart.yAxis[0].update({
            max: 25,
            min: 5,
            startOnTick: false,
            tickInterval: 5
        });
    });
});

http://jsfiddle.net/BlackLabel/obfudy23/

API参考：https://api.highcharts.com/class-reference/Highcharts.Chart#update

关于javascript - 图表创建后需要精确设置Highcharts轴的最小值/最大值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51865626/