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

时间:2013-10-21 07:20:59

标签: javascript jquery charts jqplot

我正在尝试使用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
                  }
                }
              });
            });

请帮助我实现这一目标。

提前致谢。

0 个答案:

没有答案