Javascript 具有HighCharts/HighStock的固定宽度和灵活列数

Javascript 具有HighCharts/HighStock的固定宽度和灵活列数,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我使用的是HighStocks,这里有一个小例子来说明我的意思: 我想使用这些列也为导航(点击),所以我想有固定的宽度为他们和禁用分组。问题是当我试图调整图表大小时(例如,浏览器窗口变小)。如果我禁用分组并设置固定宽度,它将在屏幕上创建相同的列数,但这些列相互重叠。我想调整图表的大小,保持列不重叠,并在导航/迷你图表中设置另一个“缩放/范围”,以显示相同宽度的较小列数。这是关于列之间的恒定宽度和空间。这有可能吗 更新: 我尝试了这个解决方案: 只有当我缩小屏幕/浏览器时,它才起作用,如果我再次

我使用的是HighStocks,这里有一个小例子来说明我的意思:

我想使用这些列也为导航(点击),所以我想有固定的宽度为他们和禁用分组。问题是当我试图调整图表大小时(例如,浏览器窗口变小)。如果我禁用分组并设置固定宽度,它将在屏幕上创建相同的列数,但这些列相互重叠。我想调整图表的大小,保持列不重叠,并在导航/迷你图表中设置另一个“缩放/范围”,以显示相同宽度的较小列数。这是关于列之间的恒定宽度和空间。这有可能吗

更新: 我尝试了这个解决方案: 只有当我缩小屏幕/浏览器时,它才起作用,如果我再次尝试展开它,它就不会起作用。在这种情况下,范围保持不变,我不知道为什么


谢谢你的建议

plotOptions.column.maxPointWidth
Hi,请发布一个显示问题的最小工作示例,以便其他人可以帮助您解决问题。它不能解决问题-它不会防止重叠,当您不希望列太宽时,它是针对相反的问题,但我有固定的宽度。最小值(非)工作示例已经是问题的一部分-当窗口扩展时,
currentRange
将大于
max
min
轴极限之间的差值,因此您可以调用
setExtremes
(),使用根据
max
currentRange
计算的新
min
。例子: