我已经花了很长时间了解以下内容。希望有人可以帮助我。
我正在尝试做什么: 使用jqplot我试图将水平堆积条形图与折线图组合在一起。堆积条形图应包含五个值。折线图应穿过堆积的条形图。
到目前为止我想出的是什么: 我已经设法建立水平堆积条形图,并且线条应该如此交叉。
问题: 我的堆积条形图现在显示三个块(值:1,4和16)。我应该看到五个块(值:1,2,4,8和16)。
我使用的代码:
<script type="text/javascript">
$(document).ready(function() {
var x1 = [[1,1]];
var x2 = [[2,1]];
var x3 = [[4,1]];
var x4 = [[8,1]];
var x5 = [[16,1]];
var x6 = [[1,0.5],[1,1.5]];
var plot2 = $.jqplot('thema1chart', [x1, x2, x3, x4, x5, x6], {
stackSeries: true,
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
rendererOptions: {
barDirection: 'horizontal'
},
pointLabels: {
show: false,
stackedValue: true
}
},
series: [{shadow: false, color:'#666666'},
{shadow: false, color:'#FFFFFF'},{shadow: false, color:'#b4d2dd'},{shadow: false, color:'#FFFFFF'},{shadow: false, color:'#666666'},
{
shadow: false,
disableStack : true,//otherwise it wil be added to values of previous series
renderer: $.jqplot.LineRenderer,
lineWidth: 2,
label:'Benchmark',
color:'#666666',
showLine:false,
pointLabels: {
show: false
},
markerOptions: {
size: 7, style:"plus"
}}],
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer
}
,
yaxis: {
autoscale: true
}
}
});
});
</script>
非常感谢您提供的任何帮助!
答案 0 :(得分:0)
您需要将CategoryAxisRenderer应用于yaxis(而不是xaxis):
yaxis: {
renderer: $.jqplot.CategoryAxisRenderer
}
编辑:如果要绑定xaxis,请将xaxis:{min:0}添加到轴选项