Javascript 如何防止Highcharts中的列重叠

我相信这是一个一般性的问题，不需要从我的highcharts数据中获取太多信息

我想防止列彼此堆叠/重叠，如何做到这一点

请参阅下面的图片链接，了解它现在的状态

---

jsIDLE:

控制列并确保它们不会相互堆叠/重叠的最佳方法是控制图表的宽度。您可以在包含

的文件中执行此操作

• ~允许div更改大小，但限制其小于某个宽度。你们这样做是因为你们知道一旦它在那个宽度之下，东西就会开始模糊在一起，无法阅读
• ~强制图表的宽度为某个值
• ~请注意，如果将浏览器窗口缩小到较低的程度，则会使图表变得不可读

通过控制包含div的宽度并按照c0deNinja的建议旋转标签，可以防止大多数堆栈重叠问题。然而，如果您的图表有许多系列/数据点，即使这样也无济于事

---

​

请尝试在此处重现错误@

默认情况下，如果列太多，Highcharts会巧妙地减小列的宽度，以避免重叠

如果通过指定

例如：@

为了避免重叠，我看到了两种选择

选项#1.移除
这将使柱更薄，以避免重叠
例如：@

选项#2.使用
这将有助于保持列的宽度不变，但（通过对列进行分组）会减少列的数量，从而避免混乱/重叠

dataGrouping = {
    groupPixelWidth: 40, // Minimum width for each column
    units: [[            // Permissible groupings
        'day',
        [1, 2, 3,4,5,6]  // 1,2,3,4,5,6 days may be grouped into 1 column
        ]]
}

例如：@

---

类似问题@

我的问题很相似，我没有找到将项目移动到次轴等的解决方案。然后我发现我的x轴被认为是一个连续体（在本例中为日期），两个重叠的列当然共享相同的x值

我通过选择x轴解决了这个问题，找到了名为“轴类型”的选项，并取消选择“基于数据自动选择”将其更改为“文本轴”。这让我的专栏并排出现

---

对您的问题有点晚了，但可能会有所帮助。

谢谢您的回复，但此选项不是您想要的。我知道给定的列有空间，宽度固定感谢反馈，但我不能对任何内容进行分组。谢谢，我实际上想要重叠，这个答案为我指明了正确的方向：）

dataGrouping = {
    groupPixelWidth: 40, // Minimum width for each column
    units: [[            // Permissible groupings
        'day',
        [1, 2, 3,4,5,6]  // 1,2,3,4,5,6 days may be grouped into 1 column
        ]]
}