样式 d3 svg 线与 css答案

【问题标题】：Style d3 svg line with css样式 d3 svg 线与 css
【发布时间】：2017-10-14 00:48:45
【问题描述】：

我想用 CSS 为我的 d3 线条元素设置样式。对于“rect”、“path”或“circle”等其他元素，它似乎工作得很好，但对于“line”，我无法让它工作......

css:

.line {
   stroke: #000000;
   stroke-width: 0.5;
}

js：

d3.select('.container')
  .append("line")
  .attr("x1", "0")
  .attr("x2", "100")
  .attr("y1", "0")
  .attr("y2", "100")
  //.attr("style", "stroke:#000000;stroke-width:0.5")

如果我删除最后一行的注释，它可以工作，但我不想使用内联 CSS。

在我看来，如果不使用内联 css，您就无法设置特定线条的 stroke 属性...

我错过了什么吗？

【问题讨论】：

line 不是一个类，而是一个 SVG 元素。话虽如此，删除那个点：line{stroke: #000000;stroke-width: 0.5;}.
做到了。非常感谢！我想我到目前为止只在课程上使用过 CSS

标签： css d3.js svg styles line

【解决方案1】：

删除点...

line {
  stroke: #000000;
  stroke-width: 0.5;
}

在 CSS 中，类使用点，如 .my-class 元素前面没有任何内容，例如line 或 div 和 ID 有 # 像 #my-id

【讨论】：