如何将最小/最大宽度设置为高图的列?

时间:2014-11-20 14:19:08

标签: javascript html css angularjs highcharts

我正在使用' Highcharts'柱形图(未堆叠)。 我的图表显示了动态数据,因此我不知道我期待的列数。这就是为什么我想为列设置最小和最大宽度的原因 - 当有很多列时,我希望尽可能多的列在我的图表上显示而不需要滚动(所以列&# 39; s宽度等于最小宽度);当只有几列时,我希望列的宽度合理,而不是遍布整个图表(最大宽度)。 我知道我可以设置' pointWidth'财产,但它并不是我想要的。 如果您有任何想法,我将非常感谢。

TIA, ADI

1 个答案:

答案 0 :(得分:0)

最好的选择是不设置pointWidth,只让highcharts为你解决问题。使用pointPadding选项指定列之间的间隙,而highcharts将完成其余的工作。

e.g。这个小提琴显示相同的图表呈现不同数量的点:http://jsfiddle.net/122k2x5s/

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