NVD3更改标签文字颜色

我拼命尝试更改图表上的标签文字颜色nvd3.js - 它们以黑色绘制，但我需要它们为白色，因为他们被包括在页面中。NVD3更改标签文字颜色

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

有没有人有什么建议来做到这一点？

谢谢。

2014-07-04 nover

更改您的图表中的文本颜色，试试这个：

svg text { 
    fill: white; 
}

要更改标签颜色饼图

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

这里是一个working fiddle英寸

希望它可以帮助

来源

2014-07-04 13:16:55 shabeer90

这是一个很好的开始 - 它改变了图例标签的文本颜色。但是，图表内部的标签仍然是黑色的 - 检查它们显示它们具有“fill = rgb（0,0,0）”的嵌入式样式：:( – nover

你是什么意思由**标签“内部”图表**您是否可以更具体一些？您是否指的是工具提示？您使用的是哪张图表？ – shabeer90

这是一个饼图，它是“价值标签”或者它们所称的 - 截图：http： //drops.isharp.dk/mwRE/cHADC8Tm – nover

希望它能帮助：

在你的控制器

：

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

在HTML（唯一重要的事情是回调= 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/krispo/angular-nvd3/issues/8

来源

2014-07-20 16:38:46

NVD3更改标签文字颜色

回答

相关问题