Highcharts饼图高度自动调整大小,包括图例

时间:2019-03-06 00:11:55

标签: javascript highcharts

有什么方法可以制作高度适合图表和图例的Highcharts饼图?我的图例元素数量可变,不能依赖固定的像素高度或相对于宽度的像素。

图例离饼图很远。我希望饼状图位于容器的顶部,图例在其下方,高度设置为任意组合高度(而不是设置静态高度)。

1 个答案:

答案 0 :(得分:1)

您可以计算所需的图表高度,并使用setSize方法进行设置:

events: {
  load: function() {
    this.setSize(
      null,
      this.seriesGroup.getBBox().height +
        this.marginBottom + this.plotTop + 20
    );
  }
}

实时演示:http://jsfiddle.net/BlackLabel/5jL1acdk/

API:https://api.highcharts.com/class-reference/Highcharts.Chart#setSize