So erstellen Sie ein HighCharts-Diagramm in reagieren
Wie kann ich eine Komponente erstellen mit einem HighCharts-Diagramm, dass das Diagramm erstellen, die auf den ersten render-und update nur mit der Reihe von Daten, wenn neue Daten kommen bei der Verwendung chart.series[0].setData(data,true);
- reagieren-highcharts oder zumindest können Sie auf der Basis der Quell-code des Moduls.
- Das ist mein problem, die Komponente hat keine Möglichkeit zum aktualisieren des Diagramms, es ist nur rerender es bei jedem update.
- Dann editieren Sie componentDidUpdate - vergleichen der vorherigen Optionen (Argumente) mit neuen Staat. Wenn änderungen der Daten - erstellen eines neuen Methode zu nennen
setData()
. Wenn etwas anderes geändert, rufen SierenderChart()
wieder. - Gibt es eine Niederschrift geben Sie definitions-Datei zur Verfügung?
- Definitionen, was? Wrapper oben? Oder Highcharts? Es gibt Pläne für Typ-defs für Highcharts, nicht ETA in diesem moment. Ich weiß nicht, etwas über den wrapper oben.
- Ich dachte über Typdefinitionen für reagieren-highcharts.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe ich eine Bibliothek namens React JSX Highcharts, was könnte das sein, was du bist suchen für. GitHub /NPM
Können Sie zum erstellen von Highcharts-Diagramme mit Komponenten Reagieren. So aktualisieren Sie die Serie, würde Sie nur brauchen, um passieren eine aktualisierte
data
prop.Hinter den kulissen Reagieren JSX Highcharts nennen würde
setData
für Sie.Beispiel
Wie gesagt, Sie können reagieren-highcharts. Es bietet ein Beispiel, wie das Diagramm aktualisieren auf der readme-Seite:
genau wie dieses,es funktioniert für mich.