nvd3 linebar chart y2axis时间格式问题

时间:2016-07-02 03:25:08

标签: javascript d3.js nvd3.js

我有一个工作线条图,我正在尝试执行以下操作:

  • 让右侧的y2轴代表时间 HH:MM:SS
  • 黑线应代表时间
  • 条形图应代表左侧的yAxis

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

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

由于某些原因导致此更改,条形值显示时间值,而应显示联系值。

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

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

1 个答案:

答案 0 :(得分:1)

使用以下nvd3库:

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

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

我从demo site

中选择了这些内容

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

工作代码here