jqPlot水平条形图点标签挑战

Question

新的jqPlot和我正在努力与数据和标签的水平图表。

这是问题所在。我想要的图表看起来应该是这样：

http://www.ifthen.biz/DesiredChart.png

我的实际图表然而，看起来是这样的：

http://www.ifthen.biz/ActualChart.png

似乎无法得到点标签（在这种情况下是和否）以对应每个问题的数据。

每个问题有一个是或否的答案。对于每个“是”或“否”，我会得出答案，以便我可以得到所需的图表。

请参阅下面的代码：

 <script> 
     $(document).ready(function() { 
      var q1 = [20, 58]; 
      var q2 = [5, 21]; 
      var plot1 = $.jqplot('quickStatsChart', [q1,q2], { 
       seriesDefaults: { 
        renderer: $.jqplot.BarRenderer, 
        shadowAngle: 60, 
        showMarker: false, 
        rendererOptions: { 
         barDirection: 'horizontal' 
        }, 
        pointLabels:{ 
         show: true, 
         location: 'e', 
         labels: ['Yes','No'] 
        } 
       }, 
       axes: { 
        yaxis: { 
         renderer: $.jqplot.CategoryAxisRenderer, 
         ticks: ['Question 1', 'Question 2'] 
        } 
       } 
      }); 
     }); 
    </script> 

任何想法，我怎样才能使这项工作？

++的Tx

这是新的代码，我想：

 <script> 
     $(document).ready(function() { 
      // [ tally question 1, tally question 2] 
      var sX = [[[2,'q1'], [4,'q2']], // Yes' 
         [[5,'q1'], [1,'q2']]]; // No's 
      var plot1 = $.jqplot('quickStatsChart', sX, { 
       seriesDefaults: { 
        renderer: $.jqplot.BarRenderer, 
        shadowAngle: 60, 
        showMarker: false, 
        rendererOptions: { 
         barDirection: 'horizontal' 
        }, 
        pointLabels:{ 
         show: true, 
         location: 'e', 
         labels: ['Yes','No'] 
        } 
       }, 
       axes: { 
        yaxis: { 
         renderer: $.jqplot.CategoryAxisRenderer 
        } 
       } 
      }); 
     }); 
    </script> 

的结果是一样的高于实际走势。

Answer 1

入住这link正如你所看到的变量的第二个数字是y轴

$(document).ready(function(){ 
    var plot2 = $.jqplot('chart2', [ 
     [[2,1], [4,2], [6,3], [3,4]], 
     [[5,1], [1,2], [3,3], [4,4]], 
     [[4,1], [7,2], [1,3], [2,4]]], { 
     seriesDefaults: { 
      renderer:$.jqplot.BarRenderer, 
      pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, 
      shadowAngle: 135, 
      rendererOptions: { 
       barDirection: 'horizontal' 
      } 
     }, 
     axes: { 
      yaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer 
      } 
     } 
    }); 
}); 

尝试删除它是唯一的区别的名称。如果作品更改q1与是和q2与否

pointLabels:{ 
    show: true, 
    location: 'e', 
    labels: ['Yes','No'] 
}