HighCharts - 堆积柱形图中的细白线答案

【问题标题】：HighCharts - Thin white lines in stacked column chartHighCharts - 堆积柱形图中的细白线
【发布时间】：2016-09-29 06:47:22
【问题描述】：

尝试在 Highcharts 中实现堆积柱形图。我有 360 个数据点，理想情况下我不喜欢列之间的任何间隙。我已经将borderwidth、pointpadding 和grouppadding 设置为0，但仍然可以看到线条。

Image of chart in Firefox and Chrome with thin white lines

编辑：用小提琴更新 - https://jsfiddle.net/hgv5qtqj/7/。再次感谢！

任何帮助将不胜感激。

以下代码的相关部分：

       var plotOptions = {
      column: {
          pointPadding: 0,
          borderWidth: 0,
          groupPadding: 0,
         stacking: 'normal',
         dataLabels: {
            enabled: false,
            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
            style: {
               textShadow: '0 0 3px black'
            }
         }
      }
   };

【问题讨论】：

您能发布图表的实时示例吗？奇怪的是 pointPadding 和 groupPadding 在您的情况下不起作用。看这个例子：jsfiddle.net/BZzWQ/271
再次感谢您。已添加小提琴链接 - jsfiddle.net/hgv5qtqj/7。
我认为这与这个 Highcharts 问题有关：github.com/highcharts/highcharts/issues/4577
谢谢！是的，在 CSS 中添加以下代码确实有帮助。 .highcharts-series { 形状渲染：crispEdges }
@GrzegorzBlachliński - 请添加您的评论作为答案。这是绝对正确的。我相信还有其他人可以从中受益作为正确的答案。

标签： javascript highcharts

【解决方案1】：

您可以将其包含在您的plotOptions：

series: {
        borderWidth: 0
    }

HighCharts docs 提供有关borderWidth 的更多信息。

【讨论】：

谢谢。试过了，还是一样。
谢谢。已使用指向小提琴的链接更新了帖子。再次感谢您的帮助。