Highcharts饼图问题(饼图切片之间的差距)

时间:2018-05-15 23:33:51

标签: javascript highcharts

我在Highcharts中使用了100分系列的半圆形饼图。请看截图。

screenshot of pie chart

我花了最后四五个小时试图弄清楚为什么每个馅饼切片之间有一条线。它不是边框,因为如果我将图表背后的背景颜色更改为黑色,我实际上可以看到每个饼图之间的黑色。所以每个饼块之间有1个像素的间隙。我想图表只是一个纯色,每个饼块之间没有1像素的间隙。拉出我的头发试图找出这个设置的位置。任何帮助非常感谢。

1 个答案:

答案 0 :(得分:0)

我终于能够通过阅读series.borderWidth来解决这个问题。 (感谢@BarbaraLaird。)这来自Highcharts API文档:

  

borderWidth:Number每个切片周围边框的宽度。

     

将边框宽度设置为0时,两者之间可能存在小间隙   由于SVG抗锯齿伪影导致的切片。要解决这个问题,   保持边框宽度为0.5或1,但将borderColor设置为null   代替。

     

默认为1。

我能够通过将borderWidth设置为1并将borderColor设置为null来解决此问题。 (我的borderWidth以前设置为0,borderColor未定义。)填充了防污切片之间的“间隙”。