使用nvd3.js自定义甜甜圈图

Posted 2021-05-04

我试图实现区域的透明颜色，只有边框尽管颜色填充为甜甜圈图。我正在使用带有angularJS的nvd3，但无法实现这一点。有关如何执行此操作的任何建议。

如果有任何库 - 有能力这样做，请建议。

Image for reference

答案

问题是在nv.d3.css中设置的样式。

在包含nv.d3.css之后添加此样式

.nvd3.nv-pie path {
stroke: inherit;
stroke-width: 1px;
stroke-opacity: 1;
fill: white;
}

如果您只希望将其应用于特定饼图，请将id添加到样式选择器。