Highcharts 列 - 固定边框宽度，删除条之间的间距答案

【问题标题】：Highcharts columns - fixed border width, remove spacing between the barsHighcharts 列 - 固定边框宽度，删除条之间的间距
【发布时间】：2017-02-08 11:09:20
【问题描述】：

TL;DR 问：如何在 Highstocks 中强制固定条形边框的宽度？

我需要使用 Highcharts 显示直方图。我想看起来像这样：也就是说，条形之间没有空格，并且边框宽度固定。

现在我尝试对 Highcharts 做同样的事情，但似乎一些条相互重叠，并且边框宽度不是恒定的：以下是（重要的）配置选项：

plotOptions: {
    series : {
        pointPadding : 0,
        groupPadding : 0,
        shadow       : false,
        borderWidth  : 1,
        borderColor  : 'black'
    }
}

我做错了什么？

【问题讨论】：

每个栏都有自己的边框，所以栏之间的边框是“重复的”。这是这种图表的默认行为。
@SebastianBochan 它在一些条之间重复，而不是全部。另外，请注意右侧的边框小于左侧的边框。它似乎有些阴影，虽然它应该被禁用......
我放弃了让它正常工作的尝试。我一直在 Highcharts 中使用直方图，并且简单地接受了会有间距异常......我通常选择在列之间留出少量空间，这似乎可以最大限度地减少不良影响。然而，这是非常不幸的，应该修复。 jsfiddle.net/jlbriggs/FnhRV/3
根据更新日志（highcharts.com/documentation/changelog），新发布的版本提高了条和柱的绘制清晰度。我个人在我的图表中注意到这个问题有一些改进，尽管它仍然不完美

标签： javascript highcharts

【解决方案1】：

问题不在于gridLineWidth。你已经正确设置了。

另外你需要设置minorGridLineWidth你必须设置为0

类似的演示：

http://jsfiddle.net/P2Mv2/1/

【讨论】：