Libs & Technology, um mir beim Erstellen eines Mareys-Diagramms zu helfen

Ich benötige eine Komponente, um ein Marey-Diagramm anzuzeigen und mit ihm zu interagieren.

Für diejenigen, die nicht vertraut sind, ist ein Merey-Diagramm ein Diagramm zur Visualisierung von Zugbewegungen in einer Zeit-x-Ort-Achse. Ähnlich wie dieses Bild:

Geben Sie hier die Bildbeschreibung ein

Ich habe nach oben und unten gesucht, konnte aber nichts aus der Box finden, um mir zu helfen (Vorschläge werden hier sehr geschätzt). Daher überlege ich mir eine eigene Komponente zu bauen.

Meine Komponenten müssen sein:

  • Hohe Leistung - Es werden Echtzeitdaten zusammen mit Benutzerinteraktionen angezeigt
  • Hochgradig interaktiv - Der Benutzer kann um die Linien herum klicken, sie durch Ziehen, Zoomen, Schwenken, Entfernen, Hinzufügen usw. ändern.

Im Moment tendiere ich eher zu einer Weblösung, die aus Leistungsgründen HTML5 Canvas verwendet, aber ich habe nicht viel Erfahrung mit dem Zeichnen von Diagrammen in Desktopanwendungen (mit JavaFX oder C# Canvas), um zu wissen, ob dies die besten Optionen sind. Also die Fragen stellen:

  • Kennen Sie eine Bibliothek / Komponente, die mir helfen würde, dies zu entwickeln? (JS, Java oder C#)
  • Sehen/hatten Sie Leistungsprobleme bei der Entwicklung einer Weblösung in diesem Szenario?
  • Denken Sie, dass HTML5 Canvas über SVG (z. B. D3) ein guter Ansatz ist?

Jede Empfehlung oder Kommentar dazu schätze ich. Danke!

Antworten (1)

Essential Chart for WPF ist eine Option, die für Desktopanwendungen in Betracht gezogen werden sollte. Ich werde nach webbezogenen Optionen suchen und eine separate Antwort veröffentlichen, wenn wir sie haben.

Syncfusion Marey-Diagramm

Beispielquellcode

Sie müssen die Syncfusion-DLLs von ihrer Website oder von Nuget herunterladen, um das Beispiel ausführen zu können. Die folgenden Merkmale wurden verwendet, um die Anforderungen zu erfüllen:

  1. DateTimeAxis für vertikale Achse
  2. FastLineSerie für gute Leistung
  3. EnableScrollbar for axis ermöglicht das Schwenken und Zoomen
  4. Obere Achsenbeschriftungen mit mehreren Achsen für das Diagramm und Festlegen von CustomLabels
  5. Fadenkreuzetikett für obere Achse mit Etikettenkonverter
  6. SfDateTimRangeNavigator, um vollständige Daten unterhalb des Diagramms anzuzeigen

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

Hinweis: Ich arbeite für Syncfusion.