在 Chartjs 饼图中使用透明描边颜色

Man*_*olo 5 javascript chart.js

按照Chart.js 文档,我尝试在饼图中绘制透明描边线:

var options = { segmentStrokeColor: "rgba(255,255,255,0)" };
Run Code Online (Sandbox Code Playgroud)

或者

var options = { segmentStrokeColor: "transparent" };
Run Code Online (Sandbox Code Playgroud)

但描边线不是用这些值绘制的。当然,如果我使用任何其他颜色,它也可以。

pot*_*ngs 3

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

如果您将segmentStrokeWidth设置为足够高的值并设置半透明值,即类似的值,那么这是非常明显的

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

对比这个小提琴 - http://jsfiddle.net/tabb8gy0/与这个 - http://jsfiddle.net/m2k62fgp/