NVD3折线图显示X轴

时间:2015-04-13 15:30:37

标签: javascript d3.js charts nvd3.js

我想用nvd3制作折线图(这是用d3.js制作的可重复使用的图表的集合),其中y和x轴由一条线表示。

以下是官方nvd3网站的折线图示例:

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

我想要这样的东西,显示X轴线:

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

有nvd3的任何选项吗?它甚至可能吗? 感谢。

2 个答案:

答案 0 :(得分:6)

看起来它受此CSS规则控制(nv.d3.css第225行):

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

用您自己的CSS覆盖它应该显示该行(至少,在为我工作的开发人员工具中将值更改为1)。

答案 1 :(得分:1)

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