Javascript JQPlot中的堆叠条形图未显示少数堆叠条形图的标签

Javascript JQPlot中的堆叠条形图未显示少数堆叠条形图的标签,javascript,jqplot,Javascript,Jqplot,我正在使用JQplot生成堆叠条形图,其中的值是十进制数。我没有得到第一个堆栈条的堆栈标签。我已经附上了我的代码和屏幕截图。请让我知道我犯的错误 var s1 = [69.44,48.70,70.00,70.00,70.00,70.00,70.00,67.35]; var s2 = [0.00,0.00,27.08,25.04,12.47,26.80,11.83,0.00]; var ticks = ['A', 'B', 'C', 'D','E','F','G',

我正在使用JQplot生成堆叠条形图,其中的值是十进制数。我没有得到第一个堆栈条的堆栈标签。我已经附上了我的代码和屏幕截图。请让我知道我犯的错误

var s1 = [69.44,48.70,70.00,70.00,70.00,70.00,70.00,67.35];
        var s2 = [0.00,0.00,27.08,25.04,12.47,26.80,11.83,0.00];
        var ticks = ['A', 'B', 'C', 'D','E','F','G','H'];
         plot3 = $.jqplot('chartdiv', [s1, s2], {
    stackSeries: true,
    captureRightClick: true,
    seriesDefaults:{
      renderer:$.jqplot.BarRenderer,
      rendererOptions: {
          fillToZero: true, barDirection: 'horizontal'
      },
      pointLabels: {show: true,hideZeros:true,}
    },
    axes: {
      xaxis: {
           pad: 1.05,
           tickOptions: {formatString: '%.2f %'},
      },
      yaxis: {
         renderer: $.jqplot.CategoryAxisRenderer,
         ticks: ticks
      }
    },
    legend: {
      show: true,
      location: 'e',
      placement: 'outside'
    }     
  });

我从未使用过jqPlot,也无法使您的示例正常工作,但问题是标签是在s2系列中绘制的。A、B和H的s2值都等于0.00,因此没有绘制图形,也没有地方放置标签


将标签放在条外、s1、og内,确保没有值为0.00。

此问题已解决。我用x轴的间隔来解决这个问题

代码如下:

    s1 = [69.44,48.70,70.00,70.00,70.00,70.00,70.00,67.35];

    s2 = [0.00,0.00,27.08,25.04,12.47,26.80,11.83,0.00];

    ticks = ['A', 'B', 'C', 'D','E','F','G','H'];
     plot3 = $.jqplot('chartdiv', [s1, s2], {
stackSeries: true,
captureRightClick: true,
seriesDefaults:{
  renderer:$.jqplot.BarRenderer,
  rendererOptions: {
      fillToZero: true, barDirection: 'horizontal'
  },
  pointLabels: {show: true,hideZeros:true,labelsFromSeries:true,xpadding: 6}
},
axes: {
  xaxis: {
       pad: 1.05,
       tickOptions: {formatString: '%.2f %'},
       min:0.00,
       tickInterval : 10.00,
       max:100.00,
  },
  yaxis: {
     renderer: $.jqplot.CategoryAxisRenderer,
     ticks: ticks,
  }
},
legend: {
  show: true,
  location: 'e',
  placement: 'outside'
}     
})

在此处输入代码部分为垃圾,请删除该部分。