Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Highcharts 我们是否可以固定高图表图形部分高度,而不考虑系列或图例的数量?_Highcharts - Fatal编程技术网

Highcharts 我们是否可以固定高图表图形部分高度,而不考虑系列或图例的数量?

Highcharts 我们是否可以固定高图表图形部分高度,而不考虑系列或图例的数量?,highcharts,Highcharts,我有不同的高图表,如下所示。我在一个图形中有更多的系列,而在另一个图形中只有一个系列,在这种情况下,在我的实际屏幕中,第一个图形的部分比第二个图形的部分大,因此是否可以在不考虑系列数量的情况下保持图形高度恒定(图例占据底部的高度) 如评论中所述,您可以获取图表底部的最大边距,并为图表的其余部分设置它。应在最后一个图表中的加载事件中设置 function adjustLegend() { var charts = Highcharts.charts; var marginBottomM

我有不同的高图表,如下所示。我在一个图形中有更多的系列,而在另一个图形中只有一个系列,在这种情况下,在我的实际屏幕中,第一个图形的部分比第二个图形的部分大,因此是否可以在不考虑系列数量的情况下保持图形高度恒定(图例占据底部的高度)


如评论中所述,您可以获取图表底部的最大边距,并为图表的其余部分设置它。应在最后一个图表中的加载事件中设置

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
  }
},

示例:

没有特定的设置。一个选项:计算出最大图例所需的空间,并相应地为所有图表设置
marginBottom
。另一个:把图例放在右边而不是底部。除此之外,您可能正在考虑编写回调函数,以便在加载绘图区域后调整其大小。
legend: {
  layout: 'vertical',
  maxHeight: 50,
},