使用带有chartjs饼图的透明笔触颜色

时间:2015-06-05 11:01:43

标签: javascript chart.js

chart.js docs之后,我尝试在饼图中绘制透明笔划线:

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

var options = { segmentStrokeColor: "transparent" };

但是没有使用这些值绘制笔划线。当然,如果我使用任何其他颜色,它会起作用。

1 个答案:

答案 0 :(得分:2)

边框或线段描边是超过扇区。因此,如果您将颜色设置为透明,则不会发现扇区之间存在任何差距(我认为这是您所期望的)。它几乎就像你将storkewidth设置为0一样。

如果将segmentStrokeWidth设置为足够高的值并设置半透明值(例如

),这一点非常明显
var myPieChart = new Chart(ctx).Pie(data, {
    segmentStrokeWidth: 20,
    segmentStrokeColor: "rgba(255, 255, 255, 0.4)"
});

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