d3.js轴标签-颜色不变
d3.js axis labels - color not changing
我使用以下文本创建轴,但是标签的颜色没有正确更改;文本的颜色保持为黑色。有人知道为什么吗?
// create Axis
svg.selectAll(".axis")
.data(d3.range(angle.domain()[1]))
.enter().append("g")
.attr("class", "axis")
.attr("transform", function(d) { return "rotate(" + angle(d) * 180 / Math.PI + ")"; })
.call(d3.svg.axis()
.scale(radius.copy().range([-5, -outerRadius]))
.ticks(5)
.orient("left"))
.append("text")
.attr("y",
function (d) {
if (window.innerWidth < 455){
return -(window.innerHeight * .33);
}
else{
return -(window.innerHeight * .33);
}
})
.attr("dy", ".71em")
.attr("text-anchor", "middle")
.text(function(d, i) { return capitalMeta[i]; })
.attr("style","font-size:12px;")
.style("color","#DE3378"); <--------------- adding color attribute here...
编辑-尝试用以下代码给不同的轴标签涂上不同的颜色,但这不能正常工作。。。
.style(function() {
for (var i = 0; i < unhealthyArray.length; i++) {
if ($.inArray(unhealthyArray[i], capitalMeta) != -1)
return "fill","red";
else
return "fill","black";
}
});
您需要使用stroke
属性(用于轮廓)或fill
属性(用于填充颜色)。参见本教程。
相关文章:
- Chart.js条形图:网格颜色和隐藏标签
- d3.js轴标签-颜色不变
- 将鼠标悬停在切片上时更改d3.js饼图标签的颜色
- 更改聚焦时的标签背景颜色复选框
- 如何使用角度图更改标签的颜色
- JQPLOT 根据标签名称为饼图设置自定义颜色
- 更改经纬网标签的颜色
- 使用Javascript为输入字段添加边框样式颜色(提交时没有值),该字段已经在css中带有!important标签的边
- 标记标签始终打印黑色文本,而不是指定的颜色
- 根据高图表中的列值更改数据标签颜色、旋转和对齐值
- 图表.js更改标签颜色
- 如何使用 jquery 更改标签上的永久颜色
- 更改活动输入框上的标签颜色
- 如何在高图表中更改标签颜色
- 选择时更改标签的颜色
- Flot:通过多个堆叠条形图在整个屏幕上保持一致的标签颜色
- 如何在Xpage中动态更改样式???事实上,我想眨眼一个不同颜色的标签
- 使用jquery validate更改输入标签的颜色
- 我想改变
内元素的颜色标签不工作
- 改变字体的颜色标签