Javascript-Diagrammbibliothek

Ich suche eine JavaScript-Diagrammbibliothek. Meine Anforderungen sind:

  • 2D-Liniendiagramme und Balkendiagramme
  • Zoom auf der X-Achse mit der Möglichkeit, das Zoomen mehrerer Diagramme zu synchronisieren
  • Mehrere Linien im selben Diagramm mit derselben X-Achse
  • In base64-Datenzeichenfolge exportieren (png)
  • Eine Möglichkeit, Meilensteine ​​auf der X-Achse mit Symbolen hinzuzufügen
  • Popup oder Popover mit benutzerdefinierten Inhalten und HTML-Links darin.
  • Kostenlos, Open-Source
  • Kein riesiger Datensatz, wahrscheinlich SVG-basiert ist großartig.
  • CSS-Unterstützung
  • I18N-Unterstützung
  • Verwendbar mit Angular

Im Moment denke ich an Plotlyjs und HighCharts. Jede Hilfe wäre willkommen!

HighCharts ist ausgezeichnet, aber nicht kostenlos. Ist Free-of-Cost eine Voraussetzung (wie Sie aufgelistet haben) oder nicht?
Im Idealfall ja. HighCharts ist jedoch interessant wegen der erschwinglichen High-Five-Lizenz für Voreinnahmen oder Vorfinanzierung von Startups, die für uns gilt.
HighCharts ist fast gut, aber die Art und Weise, wie Tooltips implementiert sind, macht es unfreundlich, auf die Links zu klicken, wenn der Datensatz dicht ist :-(
visjs.org kann einen Blick wert sein

Antworten (1)

Syncfusion EJ2 Chart for Angular unterstützt die meisten Anforderungen.

  • 2D-Liniendiagramme und Balkendiagramme

    Unterstützt verschiedene Arten von Linienserien und Balkenserien. Demo

    Weitere Informationen zu Linienserien und Balkenserien finden Sie unter

  • Zoom auf der X-Achse mit der Möglichkeit, das Zoomen mehrerer Diagramme zu synchronisieren

    Weitere Informationen zum Zoomen finden Sie unter

    Demo- Link

    Geben Sie hier die Bildbeschreibung ein

  • Mehrere Linien im selben Diagramm mit derselben X-Achse

    Ja. Wir können mehrere Linien auf demselben Diagramm mit derselben X-Achse haben.

    Demo- Link Geben Sie hier die Bildbeschreibung ein

  • In base64-Datenzeichenfolge exportieren (png)

    Export zu base64-Demo- Link

    Und das Diagramm kann auch in ein anderes Format exportiert werden. Für weitere Informationen zum Exportieren folgen Sie dem Demo-Link.

    1. PNG
    2. SVG
    3. JPG
    4. Pdf

    Demo- Link

    Weitere Informationen zum Export finden Sie unter

  • Eine Möglichkeit, Meilensteine ​​auf der X-Achse mit Symbolen hinzuzufügen

    Meilensteine ​​können mithilfe der Anmerkungsfunktion erreicht werden:

    Demo- Link

    Weitere Informationen zu Anmerkungen finden Sie unter

Syncfusionsdiagramm mit Meilensteinen

  • Popup oder Popover mit benutzerdefinierten Inhalten und HTML-Links darin.

    Beim Bewegen des Mauszeigers zeigt ein Popup die Informationen zu Punkten an. Wir können dieses Popup mit einer Vorlage anpassen, um den benutzerdefinierten Inhalt anzuzeigen.

    Demo- Link Geben Sie hier die Bildbeschreibung ein

  • Kostenlos, Open-Source

    Kommerzielles Produkt, kostenlose Option unter Community-Lizenz verfügbar, wenn Sie sich qualifizieren (weniger als 1 Million USD Umsatz).

  • Kein riesiger Datensatz, wahrscheinlich SVG-basiert ist großartig.

    Ja, unsere EJ2-Diagrammkomponente ist SVG-basiert.

  • CSS-Unterstützung

    Das gesamte Erscheinungsbild kann mithilfe integrierter APIs angepasst werden.

  • I18N-Unterstützung

    Ja, EJ2 Chart Control unterstützt I18N

  • Verwendbar mit Angular

    Ja, verwendbar mit der Angular-Plattform. Alle oben genannten Beispiele sind in Angular.

Hinweis: Ich arbeite für Syncfusion.

Bitte lassen Sie mich wissen, wenn Sie Fragen haben.

Javascript-Diagrammbibliothek
AntwortenHierDatenschutz-Bestimmungen1y, 0v