javascript - jqPlot BarRenderer 渲染线图而不是条形图

Question

我正在尝试用 100 个输入绘制 1 个系列的直方图。但是，当我指定它来呈现条形图时，jqPlot 会继续将我的数据呈现为折线图。我的代码是条形图示例的修改版本。

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

$(document).ready(function(){
            var hits = [123, 54, 897, ...]

            var plot1 = $.jqplot('chart1', [hits], {
                    seriesDefaults:{
                    renderer:$.jqplot.BarRenderer
                    },
                        series:[ {label:'Hits'} ],

            legend: {
                    show: true,
                            placement: 'outsideGrid'
                            },
                        axes: {
                              xaxis: {
                        autoscale: true,
                        renderer: $.jqplot.CategoryAxisRenderer,
                                numberTicks: 4,
                                tickInterval: 25
                                },
                            yaxis: {
                        autoscale: true
                        }
                    }
                });
                });

有人知道我做错了什么吗？

Answer 1

将seriesDefaults选项添加到您的 jqplot 选项：

seriesDefaults: {
  renderer: $.jqplot.BarRenderer,
  rendererOptions: {fillToZero: true}
}