Javascript 将透明笔划颜色与chartjs饼图一起使用

接下来，我尝试在饼图中绘制一条透明的笔划线：

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

或

---

但不会使用这些值绘制笔划线。当然，如果我使用任何其他颜色，它都会起作用。

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

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

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

---

对比这把小提琴-

你能在chart.js中使用你自己的类名吗？@lharby-你的意思是为

选项

对象使用另一个名称吗？我在想，如果你能将你自己的类名应用到你想要的元素上，你就可以编写svg css了，请参见这里：。将笔划不透明度设置为0。但是chart.js选项可能不支持这一点。为什么不制作一个JSFIDLE呢？我们可以试试看。

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