jquery - jqplot - 棒グラフの描き方

Question

jqplot をダウンロードして自分のサイトに統合しました。すべて正常に動作します。しかし、棒グラフの描画に問題があります。折れ線グラフしか表示されません..

$.jqplot.config.enablePlugins = true;
var s1 = [[1,male], [2,female], [3,other]];
var ticks = ['Male', 'Female', 'Other'];

plot1 = $.jqplot('chart1', [s1], {
    // Only animate if we're not using excanvas (not in IE 7 or IE 8)..
    animate: !$.jqplot.use_excanvas,
    seriesDefaults:{
        renderer:$.jqplot.BarRenderer,
        pointLabels: {
            show: true
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        }
    },
    highlighter: {
        show: true
    }
});

私の結果は（中央のもの）ですが、棒グラフが必要です。

Answer 1

barRenderer プラグインを含めることを忘れないでください:

<script type="text/javascript" src="../src/plugins/jqplot.barRenderer.min.js"></script>

（彼の縮小版または完全版のいずれかで。）

Answer 2

デモはこちら

フィドル

jqplot.barRendererヘッダーにプラグインを含める

次のようにコードを変更します

$(document).ready(function(){
 var s1 = [[1,'male'], [2,'female'], [3,'other']];
var ticks = ['Male', 'Female', 'Other'];

plot1 = $.jqplot('chart1', [s1], {
    // Only animate if we're not using excanvas (not in IE 7 or IE 8)..

    seriesDefaults:{
        renderer:$.jqplot.BarRenderer,
        pointLabels: {
            show: true
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        },
         yaxis: {
            renderer: $.jqplot.CategoryAxisRenderer

        }
    },
    highlighter: {
        show: true
    }


  });
      });