2

我已经设置

pointWidth: 20,
pointPadding: 0,
groupPadding: 0

但图表仍会扩展以填充默认图表高度。是否可以让 Highcharts 调整图表高度?

http://jsfiddle.net/MLELM/

4

2 回答 2

4

该图表将用您提供的内容填充可用高度。点和组填充是可用空间的一部分,因此图表遵循指定属性。

它使用包含元素的大小来确定其大小,因此它不可能忽略包含元素的高度。

如果您想要一个较小的图表来填充页面上较大的空间,您可以将包含元素放在另一个包装元素中。然后,您可以根据系列数自行计算图表的高度,并将该高度传递给容器。

如果您想让您指定的系列聚集在顶部附近,您将需要添加额外的空数据点来填充它们下方的空间。

如果您可以更具体地说明您想要什么以及为什么,可能会有更好的答案。

[[ 更新

再次偶然发现这篇文章,并记得我有一个演示,它可以根据一些预定义的参数和数据点的数量自动设置图表高度。

var barCount = chartData.length,
    pointWidth = 20,
    marginTop = 70,
    marginRight = 10,
    marginBottom = 50,
    marginLeft = 100,
    groupPadding = 0,
    pointPadding = 0.3,
    chartHeight = marginTop 
                + marginBottom 
                + ((pointWidth * barCount) 
                * (1 + groupPadding + pointPadding));

在这里提琴:

相关问题在这里:

于 2013-04-22T13:15:09.207 回答
0

是的,您可以像这样设置图表高度:

    chart: {
        type: 'bar',
        height: 200,
    },

另见http://jsfiddle.net/MLELM/3/

于 2013-04-19T06:36:25.517 回答