javascript - 对 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)"
});

对比这个 fiddle - http://jsfiddle.net/tabb8gy0/有了这个 - http://jsfiddle.net/m2k62fgp/