我试图让我的 Highcharts 图表的列调整大小,以便始终为数据标签留出空间。
现在,我只能执行以下操作之一:
- 让数据标签出现在列本身:jsfiddle.net/gjslick/LrAuf/
- 在不适合时裁剪数据标签:jsfiddle.net/gjslick/L7LKA/1/
- 显示数据标签,但与图表中的其他行重叠:jsfiddle.net/gjslick/WbQb4/1/
有什么方法可以调整列的大小以确保标签适合列的上方/下方?谢谢!
我试图让我的 Highcharts 图表的列调整大小,以便始终为数据标签留出空间。
现在,我只能执行以下操作之一:
有什么方法可以调整列的大小以确保标签适合列的上方/下方?谢谢!
我的偏好是#1。但是,您也可以尝试使用xAxis.offset在 xAxis 标签和实际图表区域之间添加一些填充(参见这个)。但是,正如你所看到的,我将负值增加到比原来的值大得多。这显示了 yAxis 是如何自动缩放的,它实际上增加了太多的填充。要解决此问题,您可能需要预取最大/最小 y 值并手动设置 yAxis min/max。
xAxis: [{
offset: 14,
title: {
text: ''
},
type: 'category'
}],
yAxis: [{
min: -10,
max: 10,
title: {
text: ''
},
labels: {
enabled: false
},
gridLineWidth: 0
}],