HighCharts:增加堆积条形图的宽度和填充

时间:2015-01-28 03:43:16

标签: javascript jquery graph highcharts

我正在尝试增加堆积条形图的widthpadding但无法获得它。我尝试了pointWidthpointPadding属性,但如果我尝试给pointWidth: 20但它相互重叠而不是在条形码之间填充,则它会相互重叠。

plotOptions: {

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

请查看以下链接:

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

任何帮助都将受到高度赞赏。

感谢。

1 个答案:

答案 0 :(得分:1)

高度似乎是固定的,而不是调整大小以适应内容。根据{{​​3}}:

  

默认情况下,高度是根据包含元素的偏移高度计算的,如果包含元素的高度为0,则计算为400像素。

由于您已将包含元素的高度指定为400px,因此条形图不能适合图表而不重叠。

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

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