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
    }


  });
      });