NVD3折线图显示X轴

Question

我想用 nvd3 制作折线图（它是用 d3.js 制作的可重复使用图表的集合），它的 y 轴和 x 轴由一条线表示。

以下是官方 nvd3 站点的折线图示例：

http://nvd3.org/examples/line.html

我想要这样的东西，其中 X 轴线显示：

http://i.imgur.com/m4JfqWl.png?1

nvd3 对此有任何选择吗？有可能吗？ 谢谢

Answer 1

它似乎受此 CSS 规则控制（nv.d3.css 第 225 行）：

.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}

用你自己的 CSS 覆盖它应该显示该行（至少，在开发者工具中将值更改为 1 对我有用）。

Answer 2

.nvd3 .nv-axis.nv-x path.domain, .nvd3 .nv-axis.nv-y path.domain {
  stroke: black;
  shape-rendering: crispEdges;
}