Ich habe vor kurzem angefangen, NVD3-Charts zu verwenden und habe gerne eine Zoom-Option wie Highcharts. Ist es möglich?
Es gibt ein Beispiel für "Liniendiagramm mit View Finder", das nv.models.lineWithFocusChart() verwendet. Dieser Diagrammtyp enthält eine zusätzliche "Minikarte" unterhalb des Hauptdiagramms, mit der Sie das Diagramm zoomen und schwenken können:
Sie können diese Funktion auf Ihr nvd3-Diagramm anwenden. Es ergibt keine ziehbare Box zum Zoomen wie in Highcharts, aber es ermöglicht das Zoomen mit der Maus wie hier gezeigt: pan + zoom Beispiel . Sie müssen die Übergänge / Verzögerungen von nvd3 entfernen, um ein reibungsloses Zoomen zu erreichen. Vorläufig müssen Sie dies möglicherweise manuell tun, indem Sie die nvd3-Quelldatei ändern. Es gibt eine Diskussion darüber hier .
Hier ist ein jsfiddle .
%Vor%Tags und Links javascript d3.js nvd3.js