对 chartjs 饼图使用透明描边颜色

Question

继chart.js docs之后，我尝试在饼图中画一条透明的描边线：

var options = { segmentStrokeColor: "rgba(255,255,255,0)" };

或

var options = { segmentStrokeColor: "transparent" };

但是描边线不是用这些值绘制的。当然，如果我使用任何其他颜色，它会起作用。

Answer 1

在扇区上绘制边框或线段描边。因此，如果您将颜色设置为透明，您将看不到扇区之间的任何间隙（我假设这就是您所期望的）。几乎就像将 storkewidth 设置为 0 一样。

如果您将 segmentStrokeWidth 设置为足够高的值并设置一个半透明值，这很明显，例如

var myPieChart = new Chart(ctx).Pie(data, {
    segmentStrokeWidth: 20,
    segmentStrokeColor: "rgba(255, 255, 255, 0.4)"
});

Use transparent stroke color with chartjs pie chart