nvd3 折线图 y2axis 时间格式问题

Question

我有一个可用的线形图，我正在尝试执行以下操作：

• 让右侧的 y2 轴代表时间 hh:mm:ss
• 黑线应该代表时间
• 条形应代表左侧的 y 轴

我正在使用以下代码将 y2axis 更改为时间格式：

      chart.y2Axis
          .tickFormat(function(d) {
              return d3.time.format('%H:%M:%S')(new Date(d))  
      });

由于某种原因，此更改的结果是条形值显示时间值，而它应该显示接触值。

此外，当鼠标悬停在黑线上时，它应该显示时间值。

这里是完整的小提琴：http://jsfiddle.net/b4u2unoL/

Answer 1

使用以下 nvd3 库：

http://nvd3.org/assets/js/nv.d3.js

和

http://nvd3.org/assets/css/nv.d3.css

我从demo site 中挑选了这些

CDN 未使用演示中使用的最新代码进行更新。

工作代码here