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

【问题标题】：customise Donut graph using nvd3.js使用 nvd3.js 自定义甜甜圈图
【发布时间】：2018-09-06 19:10:14
【问题描述】：

我正在尝试实现只有边框的区域的透明颜色，尽管对圆环图进行了颜色填充。我正在将 nvd3 与 angularJS 一起使用，但无法实现。关于如何执行此操作的任何建议。

如果有任何图书馆 - 有能力这样做，请提出建议。

【问题讨论】：

我正在尝试使用 nvd3 JS 和 angularJS 创建一个圆环图...我能够创建它。我想自定义颜色填充以仅包含边框而不包含颜色。我附上了图片以显示我想要实现的目标..谢谢！

【解决方案1】：

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

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

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

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

【讨论】：