Question

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

这是一个小例子：Fiddle Fiddle

最佳

MrLight

Answer 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时，两个图表之间的同步xAx宽度

1 个答案: