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

时间:2018-09-06 19:10:15

标签: angularjs d3.js angularjs-directive nvd3.js angularjs-nvd3-directives

尽管圆环图填充了颜色,但我仍在尝试仅使用边框实现该区域的透明颜色。我将nvd3与angularJS结合使用,但无法实现。关于如何执行此操作的任何建议。

如果有任何可以使用的库,请提出建议。

Image for reference

1 个答案:

答案 0 :(得分:0)

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

在添加nv.d3.css

后添加此样式
.nvd3.nv-pie path {
stroke: inherit;
stroke-width: 1px;
stroke-opacity: 1;
fill: white;
}

如果只希望将其应用于特定的饼图,则将ID添加到样式选择器。