Highchart的多个y轴设置中的y轴断裂

  • 本文关键字:设置 Highchart highcharts
  • 更新时间 :
  • 英文 :


我有第一个图表:

多个y轴,带断开的y轴,仅用于左手侧的y轴

左手侧y轴从1M断开到25M,而右手侧y轴没有断开的设置。图表区域中2个y轴的水平线使其有点难以阅读。可以通过将右侧y轴的断裂从250K设置为6.25M来改进,如第二张图表所示:

多个y轴,两个y轴的y轴都断开

损坏的设置由用户设置。配置设置时,它们无法预览结果。

我想要一张两边水平线重叠的图表。我只能添加右侧y轴的损坏设置。但我应该知道min&所有使用的系列的最大值。最小值默认为0,但使用左手侧y轴的系列的最大值约为44M,而右手侧y轴为13.5M。但图表显示,左手侧y轴为56M,而右手侧y轴则为14M。生成图表设置时,我无法预测y轴的最大值。

是否可以通过编程方式为右手边添加损坏的设置?或者还有其他方法吗?

是否可以为右侧添加损坏的设置程序化?或者还有其他方法吗?

是的,添加程序计算的中断似乎是唯一的方法。例如,您可以使用图表的加载事件,在该事件中您可以访问所有必需的值。

例如:

chart: {
events: {
load: function() {
const yAxes = this.yAxis;
yAxes[1].update({
breaks: [{
from: 20,
to: 40,
breakSize: 0
}]
});
}
}
}

现场演示:http://jsfiddle.net/BlackLabel/s01box6p/

API参考:

https://api.highcharts.com/highcharts/chart.events

https://api.highcharts.com/highcharts/yAxis.breaks

最新更新