Pie Chart

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { PieChart, PieChartScoreLabel, PieChartScoreValue } from '@optimus-web/core';
                                                        
                                                        <PieChart
                                                          data={sixData}
                                                          title="Pie Chart title"
                                                          description="Pie Chart description"
                                                          minWidth={160}
                                                          id="pie-chart"
                                                          animated={true}
                                                        >
                                                            <PieChartScoreValue suffix="%">{value}</PieChartScoreValue>
                                                            <PieChartScoreLabel>Label</PieChartScoreLabel>
                                                        </PieChart>

This component is a wrapper over Recharts PieChart, some properties refer directly to those used in Recharts.