如何防止Highcharts中的列重叠

Question

我相信这是一个普遍的问题,不需要从我的highcharts数据中获取太多信息.

我想防止列堆叠/重叠,我该怎么做？

请参阅下面的图片链接,了解它现在的样子

http://highslide.com/forum/download/file.php?id=3157

jsfiddle:http://jsfiddle.net/Dzs5q/

Answer 1

请尝试重现错误@ http://jsfiddle.net/jugal/bgNBG/

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

如果通过指定覆盖了上述默认行为,则列将倾向于重叠 column.pointWidth

    column: {           
        pointWidth : 10
    }

例如:@ http://jsfiddle.net/jugal/bgNBG/2/

所以为了避免重叠,我看到你有两个选择.

选项1. 删除 这将使列更薄,以便不重叠, 例如:@ http://jsfiddle.net/jugal/bgNBG/column.pointWidth

选项#2. 使用 这将有助于具有恒定的列宽,但减少(通过分组)列的数量,以避免混乱/重叠. column.dataGrouping

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
        ]]
}

例如:@ http://jsfiddle.net/jugal/JraJW/4/
类似问题@ /sf/answers/864787801/