Javascript jqPlot渲染线图而不是条形图
我试图绘制一个包含100个输入的1系列直方图。但是,当我指定jqPlot呈现条形图时,它会继续将数据呈现为线形图。我的代码是条形图示例的修改版本Javascript jqPlot渲染线图而不是条形图,javascript,canvas,jqplot,Javascript,Canvas,Jqplot,我试图绘制一个包含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="t
<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
}
}
});
});
$(文档).ready(函数(){
var hits=[123,54,897,…]
变量plot1=$.jqplot('chart1',[hits]{
系列默认值:{
渲染器:$.jqplot.blunderer
},
系列:[{标签:'Hits'}],
图例:{
秀:没错,
位置:“外部网格”
},
轴线:{
xaxis:{
自动缩放:对,
渲染器:$.jqplot.CategoryAxisRenderer,
编号:4,
间隔时间:25
},
亚克斯:{
自动缩放:正确
}
}
});
});
有人知道我做错了什么吗?在jqplot选项中添加
系列默认值
选项:
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
rendererOptions: {fillToZero: true}
}
我已经在上面的源代码中设置了seriesDefaults。我还添加了fillToZero选项,但它根本没有改变图形。根据您对我的评论,这是一个包含问题。谢谢您的关注!您是否尝试过使用Firebug控制台来了解您的所有jqplot源是否都导入良好?因为您的代码正在运行,请查找: