javascript - 使用 JQPlot 重叠条形图

Question

我正在用 JQPlot 创建一个图表。该图表将包含多个系列，每个系列都有两个条形图。每个系列的第二个栏应该被第一个栏部分覆盖。我试图通过将 barPadding 设置为负值来实现这一目标：

seriesDefaults:{
    renderer:$.jqplot.BarRenderer,
    rendererOptions: {
        varyBarColor: false,
        fillToZero: true,
        barPadding: -5,      // number of pixels between adjacent bars in the same group (same category or bin).
        barDirection: 'vertical', // vertical or horizontal.
        barWidth: 20,     // width of the bars.  null to calculate automatically.
        shadowOffset: 0    // offset from the bar edge to stroke the shadow.                        
    },
},

这确实使条重叠，但第二条与第一个重叠。

我希望反之亦然。

JQPlot 是否可以做到这一点，或者有人知道另一个有这种可能性的库吗？

Answer 1

jqplot中没有这样的配置。但是，通过设置z-index.

$('#chart .jqplot-series-canvas:first').css( "z-index", 99999);

Demo