图形条之间的jqplot宽度

时间:2011-06-15 12:21:16

标签: jquery jquery-ui jqplot

如何修改jqplot中条形之间的距离。当它们上面的元素较少时,它们之间的空间太大。这里有2张图片,一张显示一些条形图,另一张显示较少的条形图。

enter image description here

enter image description here

显示的条形越少,条形之间的差异越大。我希望能够改变这一点而不会让酒吧变得更胖。我喜欢它们现在的条形图,但我想让条形和背景中的网格线之间的网格宽度更小。

3 个答案:

答案 0 :(得分:5)

将barPadding设置为负值

seriesDefaults: {
  renderer: $.jqplot.BarRenderer,
  rendererOptions: {
    barPadding: -20
  }
}

答案 1 :(得分:4)

试试这个

seriesDefaults: {
     renderer: $.jqplot.BarRenderer,
     rendererOptions: {                        
           barMargin: 8                        
     }
},

答案 2 :(得分:0)

我认为首先应该设置barWidth。

seriesDefaults: { renderer: $.jqplot.BarRenderer, rendererOptions: {
        barWidth: 15
        } },