我有一个简单的条形图,我想缩短X轴线,所以它从第一个条开始。当我设置group/pointPadding时,它适用于图表中的所有条形图,但我要查找的属性是第一条和最后一条单独控制的。请告知添加:我的最初意图是控制title.margin属性,并设置标题和第一条之间的间距,但实际上,它根据系列的数量设置标题和X轴绘线开头之间的间距。我曾尝试使用postrender和缩短折线,以便它与第一个/最后一个栏匹配,但在这种情况下,来自折线的间距仍然保持不变(即使不可见折线)。有什么办法控制它吗?请帮帮我!
Highcharts.chart('container', {
title: {
text: 'Title',
margin: 0,
},
chart: {
type: 'bar'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar']
},
plotOptions: {
series: {
/* pointPadding: 0.1,
groupPadding: 0.2, */
shadow: false
}
},
series: [{
data: [29.9, 71.5, 106.4]
}]
});
发布于 2019-09-26 02:19:31
您可以将xAxis.tickmarkPlacement
和series.pointPlacement
设置为'on'
,并通过min
和max
属性清除填充:
xAxis: {
categories: ['Jan', 'Feb', 'Mar'],
min: -0.2,
max: 2.2,
tickmarkPlacement: 'on'
},
series: [{
data: [...],
pointPlacement: 'on'
}]
现场演示: https://jsfiddle.net/BlackLabel/j9h6w8t5/
API参考:
https://api.highcharts.com/highcharts/series.column.pointPlacement
https://api.highcharts.com/highcharts/xAxis.tickmarkPlacement
https://stackoverflow.com/questions/58106514
复制相似问题