Jquery 钢筋间距?

Jquery 钢筋间距?,jquery,jqplot,bar-chart,Jquery,Jqplot,Bar Chart,因此,我有一个包含一些示例数据的图表(这不是实际数据,因为这样会填充更多的数据!) 现在,当我将数据分组到系列中时,为了更好地理解这样的图形 x1 x2 y 3 0 foo;a 4 0 foo;b 0 5 bar;a 0 6 bar;b 正如你所看到的,无论什么原因,两条线之间都有间距。总的趋势是一样的,但有间隔。如何删除间距 下面是

因此,我有一个包含一些示例数据的图表(这不是实际数据,因为这样会填充更多的数据!)

现在,当我将数据分组到系列中时,为了更好地理解这样的图形

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

正如你所看到的,无论什么原因,两条线之间都有间距。总的趋势是一样的,但有间隔。如何删除间距

下面是我的绘图代码的框架

   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
        }
    }
});
根据about Ballenderer,我认为您可以使用barPaddingbarMargin选项来指定所需的空间值(0px?)


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

在系列默认值中,渲染器选项“我将barMargin设置为0”不起作用。我把它设为-20,似乎行得通,但实际上不行
   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
        }
    }
});