jquery - 浮動小数点比較棒グラフ

Question

Flot で、1 つのデータ セットに対して複数の積み上げ棒グラフを作成しようとしています。2 つ目の積み上げ棒グラフのセットは、メイン グラフの下に表示されますが、斜めになっています。下の写真は私が何を求めているかを示しています

これを簡単に行う方法はありますか？バーを隣り合わせに配置できるプラグインがあることは知っていますが、それは私が求めているものではありません。

既に 1 つのデータ セットを希望どおりにレンダリングしていますが、2 番目のデータ セットを実行する方法がわかりません。

Answer 1

divスタッキングを行うには、いくつかの s と css を使用できます。それぞれに 1 つのグラフをdiv配置し、ラッパー div 内に絶対に配置します。

<div id="graph_wrap">
    Comparison Chart
    <div id="graph1"></div>
    <div id="graph2"></div>
</div>

CSS:

#graph_wrap {
    width: 700px;
    height: 400px;
}

#graph1, #graph2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 600px;
    height: 300px;
    margin: 50px;
    z-index: 2;
}

#graph2 {
    top: -15px;
    left: 15px;
    z-index: 1;
}

例: http://jsfiddle.net/jtbowden/q4N4M/