一尘不染

如何防止Highcharts中的列重叠

json

我认为这是一个普遍的问题,不需要从我的图表中获取太多信息。

我想防止列彼此重叠/重叠,该怎么办?

请参阅下面的图像链接,了解现在的情况

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

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


阅读 302

收藏
2020-07-27

共1个答案

一尘不染

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

默认情况下,如果图表太多,高图表会巧妙地减小列的宽度,以避免重叠。

如果您通过指定覆盖了上述默认行为,则这些列往往会重叠
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/

2020-07-27