Ich baue gerade eine zuvor staic-html+Native js-Webseite mit React neu auf. Ich suche daher in verschiedenen Bibliotheken, um ein Liniendiagramm mit Javascript zu erstellen.
Das Diagramm wurde zuvor mit Google-Charts erstellt, aber da meine Kollegen so wenig Google-Tools wie möglich verwenden wollten, suchte ich nach Alternativen.
Ich habe schon so ziemlich alles mit Chart.js gebaut und react-chartjs-2aber es stellt sich heraus, dass wir die Zoomfunktion zwangsläufig brauchen, um leichte Abweichungen in den Daten in der Grafik grafisch zu untersuchen, obwohl es in der Regel mehr als 3000 Einträge in einer Grafik gibt ist ca. 1000x300px.
Ich bin darauf gestoßen dygraphsund react-dygraphsobwohl es vielversprechend aussieht, ist die letzte Übergabe ungefähr 3 Jahre her.
Hat jemand Erfahrung, ob es mit aktuelleren React-Versionen noch funktioniert? Gibt es eine (kostenlose/Open-Source-) Alternative zu Google-Charts, die mir möglicherweise nicht bekannt ist?
Bibliotheken, die ich kenne und ausschließe, sind: chart.js, D3, canvasjs
Können Sie die Syncfusion JavaScript Charts - Bibliothek ausprobieren? Es verfügt über mehr als 30 Diagrammtypen mit Interaktionsunterstützung wie Zoom, Pan, Trackball, Tooltip usw.
Beispiellink https://ej2.syncfusion.com/demos/#/material/chart/zooming.html
Es hat auch eine eingebaute Unterstützung für Frameworks – Angular, React, Vue
Ich habe mich schließlich für die React Timeseries Charts entschieden, weil:
Mawg sagt, Monica wieder einzusetzen