javascript - HighCharts:增加堆叠条形图的宽度和填充

Question

我正在尝试增加堆叠条形图的宽度 和填充 但无法获得。我已经尝试过 pointWidth 和 pointPadding 属性，但是如果我尝试提供 pointWidth: 20 它们会相互重叠但它们会相互重叠而不是条之间有填充。

plotOptions: {

            series: {
                stacking: 'normal',
                 pointWidth: 15
                pointPadding: 0
            }
        },

请查看以下链接:

http://jsfiddle.net/rkahuja99/cmhbvqp7/

我们将不胜感激任何帮助。

谢谢。

Answer 1

高度似乎是固定的，而不是调整大小以适应内容。根据documentation for chart.height :

By default the height is calculated from the offset height of the containing element, or 400 pixels if the containing element's height is 0.

由于您已将包含元素的高度指定为 400 像素，因此条形无法在不重叠的情况下适合图表。

不幸的是，从包含元素中删除高度样式不会导致图表调整自身大小以适应内容，因为默认情况下容器的高度为零，默认图表高度为 400 像素。

您必须手动设置高度，方法是增加容器的高度或设置图表的高度(这些方法的任何组合似乎都有效)。