Javascript JQPlot中的堆叠条形图未显示少数堆叠条形图的标签
我正在使用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',
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'
}
}) 在此处输入代码部分为垃圾,请删除该部分。