首页 > 解决方案 > Highcharts饼图问题(饼片之间的差距)

问题描述

我在 Highcharts 中有一个使用 100 点系列的半甜甜圈饼图。请看截图。

饼图截图

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

标签: javascripthighcharts

解决方案


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

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

将边框宽度设置为 0 时,由于 SVG 抗锯齿伪影,切片之间可能会出现小间隙。要解决此问题,请将边框宽度保持在 0.5 或 1,但将边框颜色设置为 null。

默认为 1。

我可以通过将borderWidth 设置为1 并将borderColor 设置为null 来解决这个问题。(我的borderWidth 之前设置为0 并且borderColor 是未定义的。)这填补了antialised 切片之间的“间隙”。


推荐阅读