我们可以固定高图表图形部分高度，而不管系列或图例的数量是多少？

Question

我有不同的高图，如下所示。我在一个图形中有更多的系列，在另一个图形中只有一个系列，在这种情况下，在我的实际屏幕图形中，第一个图形的部分大于第二个图形，因此可以保持图形高度不变而不考虑系列的数量（在底部占据高度的传说）？

Answer 1

正如评论中提到的那样，你可以获得最多的图表。保证金底部并将其设置为图表的其余部分。应该在最后一个图表中设置加载事件。

function adjustLegend() {
  var charts = Highcharts.charts;

  var marginBottomMax = charts
    .reduce((prevChart, currChart) => Math.max(prevChart.marginBottom, currChart.marginBottom));

  charts.forEach(chart => {
    if (chart.marginBottom < marginBottomMax) {
      chart.update({
        chart: {
          marginBottom: marginBottomMax
        }
      });
    }
  });
}

chart: {
  events: {
    load: adjustLegend
  }
},

示例：http://jsfiddle.net/wsrtaq09/1/

如果您知道图例高度应该是什么，则可以设置legend.maxHeight。

legend: {
  layout: 'vertical',
  maxHeight: 50,
},

示例：http://jsfiddle.net/wsrtaq09/2/