如何为 highchart 的列设置最小/最大宽度？答案

【问题标题】：How can I set a min/max width to highchart's columns?如何为 highchart 的列设置最小/最大宽度？
【发布时间】：2014-11-20 22:36:40
【问题描述】：

我正在使用“Highcharts”柱形图（未堆叠）。我的图表呈现动态数据，所以我不知道我期待多少列。这就是为什么我想为列设置最小和最大宽度 - 当有很多列时，我希望在我的图表上显示尽可能多的列而不需要滚动（所以列的宽度等于 min宽度）;当只有几列时，我希望这些列的宽度合理，而不是遍布整个图表（最大宽度）。我知道我可以设置“pointWidth”属性，但这并不是我想要的。如果您有任何想法，我将不胜感激。

TIA, 阿迪

【问题讨论】：

请参阅that 问题。实际上我的答案是包括maxPointWidth，但同样可以实现minPointWidth。或者在答案中使用 point/groupPadding。

标签： javascript html css angularjs highcharts

【解决方案1】：

最好的选择是不设置 pointWidth，让 highcharts 为您解决。使用 pointPadding 选项指定列之间的间隙，其余的将由 highcharts 完成。

例如这个小提琴显示了相同的图表呈现不同数量的点：http://jsfiddle.net/122k2x5s/

plotOptions: {
        series: {
            pointPadding: 0.1,
            groupPadding: 0,

【讨论】：