海图-如何从图表的开头删除groupPadding
海图-如何从图表的开头删除groupPadding
提问于 2019-09-25 13:04:20
我有一个简单的条形图，我想缩短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]
}]
});回答 1
Stack Overflow用户
回答已采纳
发布于 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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58106514
复制相关文章
相似问题
腾讯云开发者
