javascript - nvd3线形图y2axis时间格式问题

Question

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

• 让右侧的 y2 轴代表时间时:分:秒
• 黑线应该代表时间
• 条形图应代表左侧的 y 轴

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

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

由于某种原因进行此更改，条形值显示时间值，而它应该显示联系值。

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

这里有完整的 fiddle :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