JQplot之间的间距?

时间:2013-06-26 18:49:31

标签: jquery jqplot bar-chart

所以我有一个包含一些示例数据的图表(这不是实际数据,因为它将填充超过此页面!)

 x      y
 3     foo;a
 4     foo;b
 5     bar;a
 6     bar;b 

enter image description here

现在当我将数据分组时,为了更好地理解这个图形

  x1       x2        y
  3        0        foo;a
  4        0        foo;b
  0        5        bar;a
  0        6        bar;b

enter image description here

如您所见,无论出于何种原因,条形之间都有间距。总体趋势是相同的,但有间距。如何删除间距?

这是我的情节代码的框架

   title: some title,
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        shadow: false,        
        rendererOptions: {
            fillToZero: true,
            highlightColors: "#000000",
            shadowOffset: 0,
            shadowDepth: 0,
            barPadding: 0
        },
        pointLabels: {
            show: false
        }
    },
    grid: {
        shadow: false
    },
    highlighter: {
        showMarker: false,
        tooltipAxes: 'xy',
        showTooltip: true,
        show: true
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: tick[i],
            tickOptions: {
                angle: -90,
                fontSize: '0pt',
                showMark: false,
                showGridline: true
            }
        },
        yaxis: {
            label: "Norm",
            tickInterval: 1
        }
    }
});

1 个答案:

答案 0 :(得分:2)

根据关于barRenderer的jQplot documentation,我认为您可以使用 barPadding barMargin 选项来指定所需的空间值(0px?)

编辑:barMargin似乎是您所需要的,因为它允许您指定相邻轴值的条组之间的像素数。 (而barPadding允许您在相同的轴值处指定相邻条之间的像素数)。