Pie Chart
Pie charts express portions of a whole, using arcs or angles within a circle.
| Type | Resource |
|---|---|
| Design | Figma |
| Mobile | Mobile Storybook |
| Code | Gitlab |
Usage
import id.co.biofarma.binduiandroid.components.piechart.BiofarmaPieChartSize
Set the size prop to sm, md, or lg.
val labels = listOf("Todo", "In progress", "Testing", "Done", "Reject")
val values = listOf(30.0, 5.0, 15.0, 43.0, 7.0)
val legendPosition = "top"sm size:
md size:
lg size:
Legend (optional)
Use position and set to top, bottom, or dissapear to place legend position
val labels = listOf("Todo", "In progress", "Testing", "Done")
val values = listOf(30.0, 5.0, 15.0, 43.0, 7.0)
val size = "lg"legendPosition top:
legendPosition bottom:
legendPosition dissapear:
Props
| Props | Required | Default | Type | description |
|---|---|---|---|---|
| id | false | - | String | A unique identifier for the pie chart. |
| size | false | - | sm md lg | Size of pie chart. |
| legendPosition | false | - | top bottom dissapear | The visual size of the chart |
| labels | false | List<> | List<String> | The labels corresponding to the data points. |
| values | false | List<> | List<Double> | The values corresponding to the data points. |
| values | false | List<> | List<Double> | The values corresponding to the data points. |