0

jqPlot は初めてで、水平グラフのデータとラベルに苦労しています。

これが問題です。私の目的のチャートは次のようになります。

http://www.ifthen.biz/DesiredChart.png

ただし、実際のチャートは次のようになります。

http://www.ifthen.biz/ActualChart.png

各質問のデータに対応するポイント ラベル (この場合は [はい] と [いいえ]) を取得できないようです。

各質問には、はいまたはいいえの答えがあります。はいまたはいいえのそれぞれについて、答えを集計して、目的のグラフを取得できるようにします。

以下のコードを参照してください。

        <script>
        $(document).ready(function() {
            var q1 = [20, 58];
            var q2 = [5, 21];
            var plot1 = $.jqplot('quickStatsChart', [q1,q2], {
                seriesDefaults: {
                    renderer: $.jqplot.BarRenderer,
                    shadowAngle: 60,
                    showMarker: false,
                    rendererOptions: {
                        barDirection: 'horizontal'
                    },
                    pointLabels:{
                        show: true,
                        location: 'e',
                        labels: ['Yes','No']
                    }
                },
                axes: {
                    yaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,
                        ticks: ['Question 1', 'Question 2']
                    }
                }
            });
        });
    </script>

これを機能させる方法はありますか？

++Tx

これが私が試した新しいコードです：

        <script>
        $(document).ready(function() {
            // [ tally question 1, tally question 2]
            var sX = [[[2,'q1'], [4,'q2']],  //  Yes'
                      [[5,'q1'], [1,'q2']]]; //  No's
            var plot1 = $.jqplot('quickStatsChart', sX, {
                seriesDefaults: {
                    renderer: $.jqplot.BarRenderer,
                    shadowAngle: 60,
                    showMarker: false,
                    rendererOptions: {
                        barDirection: 'horizontal'
                    },
                    pointLabels:{
                        show: true,
                        location: 'e',
                        labels: ['Yes','No']
                    }
                },
                axes: {
                    yaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer
                    }
                }
            });
        });
    </script>

結果は、上の実際のチャートと同じです。

4

1 に答える 1

0

このリンクを確認してくださいご覧のとおり、変数の2番目の数字はyaxisの名前です

$(document).ready(function(){
    var plot2 = $.jqplot('chart2', [
        [[2,1], [4,2], [6,3], [3,4]],
        [[5,1], [1,2], [3,3], [4,4]],
        [[4,1], [7,2], [1,3], [2,4]]], {
        seriesDefaults: {
            renderer:$.jqplot.BarRenderer,
            pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
            shadowAngle: 135,
            rendererOptions: {
                barDirection: 'horizontal'
            }
        },
        axes: {
            yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer
            }
        }
    });
});

それを削除してみてください。唯一の違いです。動作する場合は、q1 を「はい」に変更し、q2 を「いいえ」に変更します

pointLabels:{
    show: true,
    location: 'e',
    labels: ['Yes','No']
}
于 2013-03-05T18:21:43.027 に答える