如何设置 Highcharts 图表最大 yAxis 值

Posted 2023-02-16

【中文标题】如何设置 Highcharts 图表最大 yAxis 值

【英文标题】：How to set Highcharts chart maximum yAxis value

【发布时间】：2011-10-14 09:42:32

【问题描述】：

我已经尝试了两天来找到一种方法来设置 Highcharts 上 yAxis 的最大值。

我得到了一个百分比柱形图，但是系列中的最高值是60，所以它把轴调整到top at 70，我找到了一个方法选择起点，但没有办法选择终点。

我真正需要的是设置 yAxis 从 0 到 100，这样可以更准确地将数据视为百分比

提前致谢， 布鲁诺 W.G.

【参考方案1】：

试试这个：

yAxis: min: 0, max: 100

参见this jsfiddle 示例

【讨论】：

如何在现有图表中动态更改它？

@Asaf 动态传递 min 和 max 的值，然后上面的方法是静态的。

min 和 max 自 Highcharts 2.2 起已弃用 api.highcharts.com/highcharts#yAxis.min

@Oleg 您正在阅读的 maxZoom。最小值和最大值非常好。

如果数据超出规模，如何控制数据溢出？例如我想在栏的顶部添加一个箭头图标

【参考方案2】：

也可以使用setExtremes 方法，

yAxis.setExtremes(0, 100);

或者如果只需要设置一个值，其他的就留空

yAxis.setExtremes(null, 100);

【讨论】：

这对我的情况有所帮助，即在渲染时间之后设置轴的最小值和最大值。

【参考方案3】：

从上述答案中提到的上述答案链接中获取帮助设置选项的最大值

yAxis:  max: 100 ,

在类似的线上可以设置最小值。所以如果你想设置最小值-最大值然后

yAxis: 
   min: 0,     
   max: 100
,

如果您使用 HighRoller php 库进行集成，如果 Highchart 图形，那么您只需要设置选项

$series->yAxis->min=0;
$series->yAxis->max=100;

【讨论】：

我有一个最大值为 13417 的图表。所以我想显示最大值 15000。但图表显示最大值为 20000。如果我输入 max: 10000 它显示最大值 10000 但其他值介于 10- 15000 总是显示 20000。我做错了什么？这是一个演示link

@Asle 我想您可能已经找到了解决问题的方法，但设置滴答间隔确实可以解决问题：jsfiddle.net/yhkrcque/24

是的@MiChAeLoKGB，正是滴答间隔起到了作用！