当一个图表有多个 yAxis 时，两个图表之间 xAxis 的同步宽度

【问题标题】：sync width of xAxis between two charts, when one chart has multiple yAxis当一个图表有多个 yAxis 时，两个图表之间 xAxis 的同步宽度
【发布时间】：2018-03-27 00:18:55
【问题描述】：

我在一页上有两个高图表，其中一个图表可以动态添加和删除第二个或第三个 yAxis。当这样做时，xAxis 的宽度当然比只有一个 yAxis 的宽度短。现在我想同步 xAxis 的宽度以将两个图表保持在彼此下方。当我尝试设置 xAxis 宽度时，宽度会发生变化，但图表区域会粘在左侧而不是右侧。如何绘制具有相同尺寸的两个图表区域？

这里有一个小例子：FiddleFiddle

最好的光先生

【问题讨论】：

标签： highcharts

【解决方案1】：

您可以使用top、width 和offset 属性来设置轴的大小和位置。其中前两个没有记录，但它们有效。

现场演示： http://jsfiddle.net/BlackLabel/cvey8ap8/

xAxis: {
      categories: ['Jane', 'John', 'Joe', 'Jack', 'jim'],
      width: '90%',
      left: '8%',

    // Categories for the charts
    },
    yAxis: [{
        min: 0, // Lowest value to show on the yAxis
        title: {
          text: 'Apple Consumption' // Title for the yAxis
        },
        left: '7%',
        offset: 0
      },
      {
        min: 0, // Lowest value to show on the yAxis
        title: {
          text: 'Apple12 Consumption' // Title for the yAxis
        },
        offset: 0

      }
    ],

【讨论】：

那行得通！仍然无法动态设置左/偏移值，但如小提琴所示，您的解决方案很容易工作！谢谢
有趣的解决方案，我也无法计算正确的左值，如您的示例所示，yAxis 标签不同。