Erstellen von verschiedenen Charts (insbesondere Pi-Charts) mit Antdesign in einer React App?

In meiner ersten Reactive-App verwende ich ant.design als Front-End-Bibliothek. Jetzt muss ich verschiedene Arten von Grafiken erstellen, vor allem Kreisdiagramme in meiner App. Also habe ich Komponenten von ant.design erkundet, aber in dieser Hinsicht keine gute Option bekommen.Erstellen von verschiedenen Charts (insbesondere Pi-Charts) mit Antdesign in einer React App?

Ist es möglich, Diagramme/Diagramme, insbesondere Tortendiagramme, mit einer beliebigen AntDesign-Komponente zu erstellen? Wenn nicht, was ist die beste Lösung in dieser Hinsicht?

Quelle

2017-04-25 adi

können Sie andere Komponenten reagieren verwenden, wie http://recharts.org/. Ich weiß nicht über http://ant.design, aber es sieht so aus, als hätte es keine Diagrammkomponenten. – jorgonor

ok danke, ich habe noch nicht recharts.org benutzt, aber ich werde es dir anschauen. – adi

Ganz einfach zu bedienen und gut aussehen, werfen Sie einen Blick auf die Pie Beispiele. – jorgonor

Wenn Sie mit dem Ant-Team bleiben wollen, gibt es AntV, das ist sehr fähig, aber hat keine React-Komponenten und (wie Ant.Design vor 6 Monaten) nur chinesische Dokumentation. Das Durchsuchen der Dokumente mit Chrome Auto-Translate funktioniert jedoch sehr gut.

Dann gibt es viele JS Charting-Pakete mit React Wrapper:

https://github.com/fraserxu/react-chartist

https://github.com/reactjs/react-chartjs

http://www.fusioncharts.com/react-charts/#/demos/ex1

... etc.

Für eine leichte Reaktivierungs erste Lösung gehen mit

https://github.com/recharts/recharts

https://github.com/fundkis/reactchart

Quelle

2017-04-25 10:28:41