jQuery-系列外的HighCharts标签(条形图)
jsfiddle: 我似乎无法使系列数据的标签始终显示在栏的右侧。 我已经浏览了所有的API,我似乎找不到一个选项来阻止文本被移动到工具栏中 有人知道为什么会这样吗?jQuery-系列外的HighCharts标签(条形图),jquery,charts,highcharts,Jquery,Charts,Highcharts,jsfiddle: 我似乎无法使系列数据的标签始终显示在栏的右侧。 我已经浏览了所有的API,我似乎找不到一个选项来阻止文本被移动到工具栏中 有人知道为什么会这样吗? 非常感谢您抽出时间 API中缺少一个名为plotOptions.series.dataLabels.overflow的选项(): 溢出:字符串 如何处理在绘图区域外流动的数据标签。默认值为justify,它将它们在绘图区域内对齐。对于柱和杆,这意味着它将在杆内移动。要在绘图区域外显示数据标签,请将裁剪设置为假并将溢出设置为“无”。
非常感谢您抽出时间 API中缺少一个名为
plotOptions.series.dataLabels.overflow的选项
():
溢出:字符串
如何处理在绘图区域外流动的数据标签。默认值为justify
,它将它们在绘图区域内对齐。对于柱和杆,这意味着它将在杆内移动。要在绘图区域外显示数据标签,请将裁剪
设置为假
并将溢出
设置为“无”
。默认为合理
换句话说,您需要将裁剪和溢出结合起来,如下():
好的,非常感谢你!我没想到会出现溢出问题,而且API太大了,选项太多了。这正是我想要的,谢谢你的回答!我可以问你最后一个问题吗,如果一个值是10,它将只显示第一个数字,如果它是10,有没有办法将值向左移动一点?通过更改
yAxis{max:11..
它可以工作,非常感谢@Rob Schmuecker
$(function () {
$('#container').highcharts({
chart: {
type: 'bar',
backgroundColor: null,
width: 360
},
title: {
text: null,
style: {
display: 'none'
}
},
subtitle: {
text: null,
style: {
display: 'none'
}
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
xAxis: {
categories: ['Cat 1', 'Cat 2', 'Cat 3', 'Cat 4', 'Cat 5', 'Cat 6', 'Cat 7', 'Cat 8', 'Cat 9', 'Cat 10'],
title: {
text: null
}
},
yAxis: {
min: 0,
max: 10,
gridLineWidth: 0,
minorGridLineWidth: 0,
title: {
text: null
},
labels: {
enabled: false
}
},
tooltip: {
enabled: false
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
},
series: {
dataLabels: {
crop: false,
enabled: true,
y: -2,
inside: false
}
}
},
series: [{
showInLegend: false,
name: '',
color: '#CCC',
data: [1, 2, 3, 9.4, 5, 6, 8, 9, 9, 9.5]
}]
});
});
plotOptions: {
series: {
dataLabels: {
enabled: true,
crop: false,
overflow: 'none'
}
}
}