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