[英]HighCharts x-axis label padding
如何讓xIn軸上的pointInterval在x軸和它自身之間有一些空間,因為在我的情況下,pointInterval是旋轉的,它是連接到x軸的一些東西。 我試圖添加填充但是徒勞。
labels: {
rotation: (chartType == 3 ? 0 : -60),
align: 'right',
style: {
fontSize: '14px',
fontFamily: 'proxima-nova,helvetica,arial,sans-seri',
whiteSpace: 'nowrap',
padding:'[100px 100px 100px 100px]'
}
}
通常,您可以分別設置useHTML: true
和paddingLeft/Right/Top/Bottom
。 請參閱: http : //jsfiddle.net/3bQne/1030/
注意:該解決方案不適用於導出的圖表。
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['01/02/2012', '01/03/2012', '01/04/2012', '01/05/2012', '01/06/2012', '01/07/2012'],
labels: {
rotation: -60,
align: 'right',
useHTML: true,
style: {
fontSize: '14px',
fontFamily: 'proxima-nova,helvetica,arial,sans-seri',
whiteSpace: 'nowrap',
paddingLeft: '10px',
paddingRight: '10px',
paddingTop: '10px',
paddingBottom: '10px',
}
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
}]
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.