高图表:增加堆积条形图的宽度和填充
HighCharts: Increase width and padding of stacked bar graph
我正在尝试增加堆叠条形图的width
和padding
,但无法获得它。我已经尝试了pointWidth
和pointPadding
属性,但是如果我尝试提供pointWidth: 20
,它会相互重叠,但它彼此重叠,而不是在条形之间填充。
plotOptions: {
series: {
stacking: 'normal',
pointWidth: 15
pointPadding: 0
}
},
请看下面的链接:
http://jsfiddle.net/rkahuja99/cmhbvqp7/
任何帮助将不胜感激。
谢谢。
高度似乎是固定的,而不是调整大小以适应内容。根据 chart.height 的文档:
默认情况下,高度是根据包含元素的偏移高度计算的,如果包含元素的高度为 0,则为 400 像素。
由于您已将包含元素的高度指定为 400px,因此条形无法在不重叠的情况下适合图表。
不幸的是,从包含元素中删除高度样式也不会导致图表调整自身大小以适应内容,因为默认情况下容器的高度为零,默认图表高度为 400px。
您必须手动设置高度,通过增加容器的高度或设置图表的高度(这些的任意组合似乎都有效)。
相关文章:
- 用chart.js绘制条形图
- d3.js用按钮更新条形图工具提示
- 添加新数据时D3.JS条形图列偏移量
- Chart.js条形图:网格颜色和隐藏标签
- 在条形图中呈现数据AngularJS,如何制作一个好的多条形图
- Chart.js 2.1.2条形图动画问题
- 如何在Extjs5中更改条形图的标签
- d3.js条形图转换无法正常工作
- 从数组在d3中创建条形图时出现问题
- 条形图元素的HTML5 JavaScript锚点
- 高图表:增加堆积条形图的宽度和填充
- 如何筛选数据和填充 D3.js堆积条形图
- JavaScript-带自定义动画填充的条形图
- morrisJS条形图填充使用PHP和mysql
- 移除条形图Highcharts.js中的填充
- 没有设置填充颜色的条形图
- D3.js:如何访问SVG组元素(堆叠条形图)的填充属性
- 如何使用交叉过滤器在条形图中填充从日期列的DOW中获得平均值
- 带“填充”的多柱条形图Highcharts;的效果
- 如何删除条形图中的填充?(图表JS)