2016-07-02 3 views
1

Ich habe eine Arbeits linebarchart und ich versuche folgendes zu tun:nvd3 linebar Diagramm y2axis Zeitformat Ausgabe

  • Haben die y2axis auf der rechten Seite als repräsentativ für die Zeit in hh: mm: ss
  • die schwarze Linie sollte repräsentativ für die Zeit
  • die Stäbe Vertreter der yAchse auf der linken Seite

ich den folgenden Code sein sollten sind mit dem y2axis zu Zeit ändern für mat:

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

Als Ergebnis dieser Änderung zeigt der Balkenwert den Zeitwert an, während er den Kontaktwert anzeigen sollte.

Wenn Sie über die schwarze Linie fahren, sollte auch der Zeitwert angezeigt werden.

Voll Geige hier: http://jsfiddle.net/b4u2unoL/

Antwort

1

Verwenden Sie die folgende nvd3 Bibliothek:

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

und

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

ich dieses Formular nahm die demo site

Das CDN wird nicht aktualisiert mit dem neuesten in der Demo verwendeten Code.

Arbeitscode here