charts - flot jsでカテゴリごとにグループ化された複数の棒グラフを描画する方法

Question

flot ライブラリを使用して棒グラフを表示していますが、次のように特定の値でグループ化する必要があります。

|
|          +----+        +----+    
|          |    |        |    |    
|          |    |        |    |    
|          |    |        |    |    
| +----+   |    |        |    |    
| |    |   |    |        |    |    
| |    |   |    |        |    |    
| |    |   |    |        |    |    
|-+----+---+----+--------+----+----
   val 1    val2          val3
    category #1        category #2

AsciiのSergey G.に感謝します:)

バー 1、2、3 の値にそれぞれ変数 d1、d2、d3 を使用します (カテゴリ別にソート)。問題は次のとおりです。ティックの下にカテゴリを追加するにはどうすればよいですか? 「Google-Translator」の英語が下手で申し訳ありません。どうもありがとうございました。

コード：

$.plot(
    $("#placeholder"),
    [

            {
        label: labelChart,
        data: d1,
        color: '#92d5ea',
        bars: {
            show: true,
            barWidth: 0.5,
            align: "center",
            order:2
        },   

       multiplebars:true  
    },
    {
        label: labelChart,
        data: d2,
        color: '#92d5ea',
        bars: {
            show: true,
            barWidth: 0.5,
            align: "center",
            order:3
        },   

       multiplebars:true  
    },
    {
        label: labelChart,
        data: d3,
        color: '#92d5ea',
        bars: {
            show: true,
            barWidth: 0.5,
            align: "center",
            order:3
        },   

       multiplebars:true  
    }


    ],
    {
        xaxis: {
            ticks: ticksData
        }, 

        yaxis: { 
            min:0
        }
    }
);

Answer 1

この例で示されているように、categoriesプラグインを使用します。