使用JQPlot重叠条形图

时间:2013-08-13 13:04:23

标签: javascript jquery jqplot

我正在用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.                        
    },
},

这确实使条重叠,但第二条与第一条重叠。 enter image description here

我希望反过来。

这可能与JQPlot有关,还是有人知道这种可能性的另一个库?

1 个答案:

答案 0 :(得分:1)

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

,可以采用一种愚蠢的方法
$('#chart .jqplot-series-canvas:first').css( "z-index", 99999);

Demo