jqPlot柱状图宽度

Question

我目前有一个jQuery制作的条形图。如果结果只显示一个条形，则问题在于该条形占据了整个图表的空间。我该如何调整条形的宽度，使其看起来不像一根木棍。

- Nate Pet

Answer 1

尝试在 BarRenderer 中设置 barWidth：

http://www.jqplot.com/docs/files/plugins/jqplot-barRenderer-js.html

- MandoMando

Answer 2

如果您仍希望图表的条形大小随着条形数量/图表大小动态调整，则可以使用barMargin和barPadding值来调整条形的宽度。

seriesDefaults: {
  renderer: $.jqplot.BarRenderer,
  rendererOptions: { 
    barPadding: 4,
    barMargin: 5
},

默认值分别为8和10，因此上述值实际上会使您的条形图更大。将值设置为大于默认值可以减小条形图的大小。

barMargin是条形之间的宽度。barPadding是如果您的条形图表示多个系列，则类别内条形之间的宽度。

有关更多信息，请参见http://www.jqplot.com/docs/files/plugins/jqplot-barRenderer-js.html。

- Giles Roberts