nvd3 lineWithFocusChart Ungültiger Wert Fehler beim Ändern der Größe

Question

LineChart mit Zeitskala d3.time.format wird in der Größe des Fensters angepasst. lineWithFocusChart hat nie Fehler auf Unentschieden, aber bei der Größenänderung wirft es viele:

d3.js:8756 Error: Invalid value for <rect> attribute width="NaN"

Manchmal ist der Fehler stoppt auf mouseup, aber oft ist es hält werfen nach Resize getan wird, was zu einem Speicherverlust beträgt.

Ich bin auf der Suche nach einem Arbeitsbeispiel für diesen Diagrammtyp, der Datum/Uhrzeit im responsiven Layout zeigt, oder empfohlene Methode für die Behandlung von Zeitdaten mit Fokus Brush Resizing.

Dinge, die ich habe versucht:

• parseDate mit() auf meine Daten - keine Änderung

• verwenden unterschiedliche Fristen - keine Änderung

• Satzdiagramm Übergang zum 0 - keine Änderung

das Datum s sind Javascript Datum Objekte - also new Date() Skalieren nvd3 mit:

   nv.utils.windowResize(function() { 
        chart.update(); 
       }); 

Answer 1

Abhilfe mit neuester nvd3:

chart.focusEnable(false); 
chart.update(); 
chart.focusEnable(thisWidget.showZoomStrip); 

Wo thisWidget.showZoomStrip ist meine lokale Einstellung zum Anzeigen der Bürste so das funktioniert für regelmäßige Liniendiagramme. Dies ist möglich, weil neuste (1.8.2) das LineChart und das LineWithFocusChart kombiniert, so dass ich den Pinsel während der Größenänderung ausschalten kann.