Javascript 柱状图中xAxis上的高图表间距问题
当我创建一个包含至少2个数据点的简单柱状图时,会出现令人讨厌的间距,正如您在JSFIDLE中看到的那样。间距的宽度以两个数据点之间的最小距离缩放。除了我已经设置的防止间距的选项(最小、最大、最小范围),我找不到任何其他选项Javascript 柱状图中xAxis上的高图表间距问题,javascript,highcharts,Javascript,Highcharts,当我创建一个包含至少2个数据点的简单柱状图时,会出现令人讨厌的间距,正如您在JSFIDLE中看到的那样。间距的宽度以两个数据点之间的最小距离缩放。除了我已经设置的防止间距的选项(最小、最大、最小范围),我找不到任何其他选项 $(function () { $('#container').highcharts({ chart: { type: 'column' }, xAxis: { tickInterval: 1, min
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
xAxis: {
tickInterval: 1,
min: 0,
max: 23,
minRange: 23
},
series: [{
data:[[0,10], [23,10]]
}]
});
});
(大间距)(没有间距。这也是其他JSFIDLE的外观…您可以尝试使用groupPadding/pointPadding/pointWidth参数,并根据您的期望调整正确的列
此处记录了所有参数:不确定是指点之间的间距还是点的大小 如果要更改大小,请使用pointRange: 如果您希望数据像“大间距”示例,但图表像“小间距”示例,那么您只需要将x轴最大值设置得更大
所以。。你想要什么。。你的问题要清楚。如果我不够清楚,我很抱歉。。。我想去掉第一个JSFIDLE中的自动间距,这样它在第二个JSFIDLE中看起来总是一样的。老实说,我不确定它应该是什么样子,因为当你去掉列之间的间距时,使用min/max 1/23 insead(即从1到3)的目的是什么?
pointRange:1