highcharts Highchart的多个y轴设置中的y轴断开

zqdjd7g9 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(214)

我有第一张图表：
Multiple y-axis with broken y-axis for left-hand-side y-axis only
左侧的Y轴从1M到25M中断，而右侧的Y轴没有中断设置。图表区域中两个Y轴的水平线使其有点难以阅读。通过将右侧Y轴的中断设置从250K到6.25M，可以改善这种情况，如第二个图表所示：
Multiple y-axis with broken y-axis for both y-axis
损坏的设置是由用户设置的。配置设置时，用户无法预览结果。
我想要一个图表，两边的水平线互相重叠。我只能添加右侧y轴的断开设置。但我应该知道所有使用的序列的最小值和最大值。最小值默认为0，但使用左侧y轴的序列的最大值约为44M。而右边的Y轴大约是13.5M。但是图表显示左边的Y轴是56M，右边的Y轴是14M。在生成图表设置时，我无法预测Y轴的最大值。
是否可以通过编程方式为右侧添加断开的设置？或者是否有其他方法？

highcharts

来源：https://stackoverflow.com/questions/71491022/broken-y-axis-in-multiple-y-axis-settings-for-highchart

1条答案

按热度按时间

sf6xfgos1#

是否可以通过编程方式为右侧添加断开的设置？或者是否有其他方法？
是的，以编程方式添加计算的分段似乎是唯一的方法。例如，您可以使用图表的加载事件，在该事件中您可以访问所有必需的值。
例如：

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

赞(0）回复(0）举报 2022-11-10