首页 文章

jqplot - 如何绘制条形图

提问于
浏览 次
1

我下载了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
    }
});

我的结果是（中间的） - 但我想要一个条形图 .
enter image description here

jquery charts jqplot

2 回答

  • 0

    不要忘记包含barRenderer插件：

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

    （无论是在他的缩小版还是完整版 . ）

    回复于
  • 1

    请看这里的演示

    FIDDLE

    在 Headers 中包含 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
    }


  });
      });
    回复于

相关问题