Question

我一直试图改变我用nvd3.js绘制的图表上的标签文字颜色 - 它们是用黑色绘制的，但由于颜色的原因，我需要它们是白色的他们所包含的页面。

我使用nvd3.js版本1.1.15BETA和d3.js版本3.3.13，通过angularjs-nvd3-directives版本0.0.7集成到我的AngularJS应用程序中。

有没有人对如何做到这一点有任何建议？

感谢。

Answer 1

更改图表中的文字颜色，请尝试以下操作：

svg text {
    fill: white;
}

更改饼图中的标签颜色

.nvd3.nv-pie .nv-slice text {
    fill: white !important;
}

这是working fiddle。

希望有所帮助

Answer 2

希望有所帮助：

在您的控制器中：

$scope.callbackFunction = function(){
     return function(){
            d3.selectAll('.nv-pieLabels text').style('fill', "white");
     }
}

在你的HTML中（唯一重要的是callback = callbackFunction（））：

<nvd3-pie-chart
 data="exampleData"
 id="exampleId"
 color="colorFunction()"
 width="1100"
 height="700"
 x="xFunction()"
 y="yFunction()"
 rotateLabels="120"
 showLabels="true"
 callback="callbackFunction()">
 <svg></svg>
</nvd3-pie-chart>

致记：

https://github.com/cmaurer/angularjs-nvd3-directives/blob/master/examples/nvd3.callback.html ＆安培; https://github.com/krispo/angular-nvd3/issues/8

NVD3更改标签文本颜色

2 个答案: