我不知道如何在条形图中放置标签。当它们堆叠在一起时,是否可以将它们居中放置在其相应条中?在下面的图片中,它们中的大多数似乎都位于中间,只是只有一个向下沉。我不知道该如何更改。我试过在CSS中添加边距,但这似乎没有效果。我也尝试过在pointLabel选项中使用x / ypadding,但是它似乎只能将其移动而不是向上或向下移动。
var s1 = [31, 10, 20, 44],
s2 = [15, 4, 7, 16],
ticks = ['May', 'June', 'July', 'August'];
$.jqplot('graph_pnl2', [s1, s2], {
stackSeries: true,
seriesColors:['#73C774', '#C7754C'],
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {fillToZero: true},
pointLabels: { show: true, location: 'e', xpadding: 25, ypadding: 25},
},
legend: {
show: false,
placement: 'insideGrid'
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
},
yaxis: {
pad: 0,
tickOptions: {formatString: '%d'}
}
}
});
最佳答案
您没有注意到在第二个堆叠列中只有一个值...(10值列在哪里?)
好。看来您使用的是不正确的属性...
我认为这是yaxis属性上的“ pad:0”。请删除它或将其注释掉。
yaxis: {
//pad: 0,
tickOptions: {formatString: '%d'}
}
Here是JSFiddle上的代码。
关于jquery - 如何在jqPlot堆叠条形图中放置标签?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18444167/