jquery – jqplot – 单个值,而不是堆积图表中的总计

这里有点黑客攻击.由于你想为每个系列增加一个标签,我引入了一个“空”系列.不过,它可以很好地复制你想要的东西.小提琴 here.

$(document).ready(function(){
  var s1 = [5,6];
  var s2 = [7,5];
  var s3 = [14,9];
  var s4 = [0,0]; //empty series just for @R_334_10586@l labels

  var pLabels1 = []; // arrays for each inner label
  var pLabels2 = [];
  var pLabels3 = [];
  var pLabels@R_334_10586@l = []; // array of @R_334_10586@ls above each column
  for (var i = 0; i < s1.length; i++){
      pLabels1.push('<div style="border:1px solid gray">'+s1[i]+'</div>');
      pLabels2.push('<div style="border:1px solid gray">'+s2[i]+'</div>');
      pLabels3.push('<div style="border:1px solid gray">'+s3[i]+'</div>');
      pLabels@R_334_10586@l.push(s1[i]+s2[i]+s3[i]);      
  }   

  plot3 = $.jqplot('chart2',[s1,s2,s3,s4],{
    // Tell the plot to stack the bars.
    stackSeries: true,captureRightClick: true,seriesDefaults:{
      renderer:$.jqplot.barRenderer,rendererOptions: {
          // Put a 30 pixel margin between bars.
          barMargin: 30,// Highlight bars when mouse button pressed.
          // Disables default highlighTing on mouse over.
          highlightMouseDown: true   
      },},series:[
        {
            pointLabels:{
                show:true,labels:pLabels1,ypadding: -25,escapeHTML:false
            }
        },{
            pointLabels:{
                show:true,labels:pLabels2,labels:pLabels3,labels:pLabels@R_334_10586@l,ypadding: 7,escapeHTML:false
            }
        }
    ],axes: {
      xaxis: {
          renderer: $.jqplot.CategoryAxisRenderer
      },yaxis: {
        padMin: 0,min: 0
      }
    },legend: {
      show: false,}      
  });
});

生产：