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;
}