Ich suche nach einer Bibliothek, um ein Diagramm zu erstellen, das in einem Browser scrollen und zoomen kann

Ich muss ein Balkendiagramm erstellen, das Daten wie im Screenshot gezeigt anzeigen kann, mit einer Bildlaufleiste, die sich von links nach rechts bewegen und durch Vergrößern oder Verkleinern vergrößern oder verkleinern kann.

Gibt es eine Bibliothek oder ein Tool, das dies viel einfacher macht, als bei Null anzufangen?

Balkendiagramm mit Zoom

Antworten (3)

Essential Chart for JavaScript unterstützt das Erstellen dieser Art von Diagrammen und Zoomen kann angewendet werden, um Ihre Anforderung zu erfüllen.

Beispiel

Diagramm mit Zoomen

Das gesamte Produkt ist kostenlos über die Community-Lizenz erhältlich, wenn Sie sich qualifizieren (weniger als 1 Million USD Umsatz).

Ich arbeite für Syncfusion.

Können Sie bestätigen, dass ich die Community Edition in einem Produkt verwenden kann, während ich verkaufe, solange ich keine 1.000.000 Einnahmen habe?
@Mawg Ja. Sie können in einem Verkaufsprodukt verwenden, solange das Unternehmen, dem die Software gehört, weniger als 1 Million Einnahmen erzielt.

Bokeh ist ein sehr guter Diagrammgenerator für Python, der solche Diagramme generiert, aber wenn Sie mit Python nicht zufrieden sind, verwenden Sie Plotly .

Plotly hat APIs für Python, R, MATLAB, Excel und Javascript . Die JavaScript-Kernbibliothek plotly.js ist Open Source . Browser-Diagramme verfügen über Steuerelemente zum Schwenken, Scrollen, Zoomen usw.

Geben Sie hier die Bildbeschreibung ein

Zwei der am häufigsten verwendeten kostenlosen JavaScript-Lösungen sind D3Js (bei weitem die größte) und Chart.Js (es gibt viele weitere und GIYF).

Beispieldiagramme finden Sie hier bzw. hier .

Es ist wahrscheinlich, dass Sie diese bereits kennen und sich nur mit der Bildlaufleiste befassen. In diesem Fall gibt es viele Fragen, Antworten und Beispiele, wie diese und diese , wenn Sie danach googeln.

Ich suche nach einer Bibliothek, um ein Diagramm zu erstellen, das in einem Browser scrollen und zoomen kann
AntwortenHierDatenschutz-Bestimmungen1y, 0v