Javascript 如何使用jqplot js创建组合折线图和堆叠条形图

我正在尝试使用jqplot js将折线图与堆叠条形图结合起来。但是，当我分别尝试时，它们都工作得很好。但是，我不知道如何将两者结合起来

请检查下面的屏幕截图。我需要与此完全相同的输出

我试过的代码

$(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
                  }
                }
              });
            });

请帮助我实现这一目标

---

提前谢谢

到目前为止，您尝试了什么？我已经检查了下面的链接，我尝试集成，但是，我无法。请参阅@AnthonyLeGovic上的示例3谢谢您的回复。但是我已经试过这个了。我无法像下面链接中的第三个示例那样制作堆叠条形图。我需要叠层条形图和折线图。请帮我解决这个问题。@AnthonyLeGovic-请检查代码，我到目前为止都在尝试什么。