wie dynamisch x-Achse erzeugen rechart Werte

Question

Ich versuche, ein Diagramm, so etwas wie dieses (ping.apex.sh) zu implementieren:

mit rechart: http://recharts.org/examples#TinyBarChart

so, wie ich die x-Achse passieren würde Werte wie in der obigen Tabelle?

Answer 1

Wenn Sie dem Link "Fiddle" auf der Seite folgen, auf die Sie sich bezogen haben, sehen Sie, wie dies geschieht. Kurz gesagt, müssen Sie nicht in „X-Achse-Werte“ passieren, aber den gesamten Datensatz als ein Feld von Objekten sowohl die X- und die Y-Werte auf die BarChart Komponente als Requisiten wie folgt enthält:

<BarChart data={data}></BarChart> 

die Geige ist here