d3.js使用Class和Attr为文本添加颜色
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了d3.js使用Class和Attr为文本添加颜色相关的知识，希望对你有一定的参考价值。
我是D3的新手，但我正在研究一切。这是我在StackOverflow上的第二篇文章。
底部的代码显示在本页的“Attr（）”部分：
http://www.tutorialsteacher.com/d3js/dom-manipulation-using-d3js
问题是它不会将文本颜色更改为红色。我今天下午读过几十篇文章，但没有任何作用。我知道我可以使用内联“样式”命令，但我想了解所有替代方案。
<!doctype html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
.error {
color: 'red'
}
</style>
</head>
<body>
<p>Error: This is dummy error.</p>
<script>
d3.select("p").attr("class","error");
</script>
</body>
</html>
答案
添加.classed（'classname'，true）
<!doctype html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
.error {
color: #ff0000;
}
</style>
</head>
<body>
<p>Error: This is dummy error.</p>
<script>
// to add
d3.select("p").classed("error", true);
</script>
</body>
</html>
以上是关于d3.js使用Class和Attr为文本添加颜色的主要内容，如果未能解决你的问题，请参考以下文章