3

jquery flotを使用していて、積み上げ棒グラフを作成しようとしていますが、構文に問題があります...これの最後にコードを投稿しますが、間違いだと確信しています。積み上げ棒グラフは表示されますが、列は3つしかありません...

基本的に、これが私が使用しているデータと達成したいことです...各行の最初のグループ（フォーカスグループ1）はスタックバーの一番下のバーで、2番目のグループ（フォーカスグループ2）は2番目と3番目のグループ（フォーカスグループ3）がトップグループです。「応答」はx軸で使用したいもので、各セットの最初の数値はxで、2番目の数値はyです。

Response1, [0, 0], [0,0], [0,9]
Response2, [1, 5], [1,5], [1,11]
Response3, [2, 2], [2,0], [2,8]
Response4, [3, 1], [3,2], [3,6]
Response5, [4, 0], [4,0], [4,7]

また、積み上げグラフが最善の方法かどうかはわかりません...確かに、私はあまり視覚的な人間ではなく、一般的にグラフが煩わしいと感じています...より良い方法があればこのデータ、それなら私は提案に対して完全にオープンです...

本質的に...

一連の質問があります。これらの質問はそれぞれ、3つのフォーカスグループに提示されました。フォーカスグループのメンバーが回答を選択しました。質問ごとに、回答ごと、フォーカスグループごとの数を表示しようとしています。積み上げグラフが最善の方法だと思いましたが、繰り返しになりますが、これを行う他の方法を受け入れています。唯一のことは、私は間違いなくデータの視覚的表現が必要です...。

使用中のコード：

$(function () {
    var cssid = "#placeholder";
    var data = [ [ [1, 0], [2,0], [3, 2] ], [ [1, 0], [2,0], [3, 6] ], [ [1, 0], [2,0], [3, 8] ], [ [1, 0], [2,0], [3, 5] ], [ [1, 0], [2,0], [3, 5] ], ];
    var options = { series: { stack: 0, lines: { show: false, steps: false }, bars: { show: true, barWidth: 0.5 },},};
    $.plot($(cssid), data, options);
});
4

3 に答える 3

1

データを正しく入力していません。次のようになります。

$(function () {
    var css_id = "#placeholder";
    var data = [[[0,0], [1,5], [2,2], [3,1], [4,0]],
                [[0,0], [1,5], [2,0], [3,2], [4,0]],
                [[0,9], [1,11], [2,8], [3,6], [4,7]],];
    var options = {series: {stack: 0,
                            bars: { show: true, barWidth: 0.5 },},
                   xaxis: {ticks: [[0, 'Resp1'], [1, 'Resp2'], [2, 'Resp3'], [3, 'Resp4'], [4, 'Resp5']]},
                  };

    $.plot($(css_id), data, options);
});
于 2010-04-21T08:31:57.103 に答える
0

http://www.saltycrane.com/blog/2010/03/jquery-flot-stacked-bar-chart-example/には、積み上げ棒グラフのサンプル コードが含まれています。

$(function () {
var css_id = "#placeholder";
var data = [[[1,10], [2,20], [3,30], [4,40],],
            [[1,30], [2,30], [3,30], [4,30],],
            [[1,40], [2,30], [3,20], [4,10],],];
var options = {series: {stack: 0,
                        lines: { show: false, steps: false },
                        bars: { show: true, barWidth: 0.9 },},};

$.plot($(css_id), data, options);
});

この例はうまくいきませんか?

于 2010-04-07T01:49:50.203 に答える