我正在尝试使用 jqplot js 将折线图与堆积条形图结合起来。但是,当我分别尝试时,它们都工作正常。但是,我不知道如何将两者结合起来。
请检查以下屏幕截图。我需要与此完全相同的输出。
http://i.stack.imgur.com/p8QiA.jpg
我试过的代码
$(document).ready(function(){
var line1 = [[2000, 7], [2001, 9], [2002, 15],
[2003, 12], [2004, 3], [2005, 6], [2006, 18]];
var line2 = [[2000, 7], [2001, 9], [2002, 15],
[2003, 12], [2004, 3], [2005, 6], [2006, 18]];
var line3 = [ 28, 13, 54, 47, 16, 14, 23];
var plot2 = $.jqplot('win', [line1, line2, line3], {
stackSeries: true,
animate: true,
series:[{renderer:$.jqplot.BarRenderer}, {xaxis:'x2axis', yaxis:'y2axis'}],
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
tickOptions: {
angle: 30
}
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer
},
x2axis: {
renderer: $.jqplot.CategoryAxisRenderer
},
yaxis: {
autoscale:true
},
y2axis: {
autoscale:true
}
}
});
});
请帮助我实现这一目标。
提前致谢。