我有一个多色的条形图,看起来像这样
我使用的代码:
$(document).ready(function(){
var line1 = [['Kliks', 119],['Unieke kliks', 91],['Afgemeld', 12]];
$('#chart3').jqplot([line1], {
seriesColors:['#74b6e7', '#003246', '#e22a20'],
pointLabels:{show:true, stackedValue: true},
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {
varyBarColor: true
}
},
series:[
{pointLabels:{
show: true,
labels:['119', '91', '12']
}}],
axes:{
xaxis:{
renderer: $.jqplot.CategoryAxisRenderer
}
}
});
});
我想显示条形点值,以使图表看起来像这样
这可能吗?我尝试过使用pointLabel,但它们没有显示
series:[
{pointLabels:{
show: true,
labels:['119', '91', '12']
}}],
答案 0 :(得分:6)
将标签水平对齐是有点乱,所以我使用了Jquery(两个元素和CSS用于中间的一个)。
这是标签值的小提琴:
series:[
{pointLabels:{
show: true,
location:'s',
ypadding : 5,
}}],
答案 1 :(得分:2)
我设法显示了点数,这是我使用的代码
seriesColors:['#74b6e7', '#003246', '#e22a20'],
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
shadow: false,
barPadding: 0,
barMargin: 0,
barWidth: 51,
//groups: 1,
rendererOptions: {
fillToZero: true,
varyBarColor: true
},
pointLabels: { show: false }
},
series:[
{pointLabels:{
show: true,
labels:['119', '91', '12']
}}],