Skip to main content

Pie Chart (For Mobile)

PieChart Component Is For mobile usage only.

Props

AttributeDescriptionTypeDescription
sliceBackgroundColorSets the backgroundColor of the slice.string['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)']
dataProperty of a dataset for a pie chart is specified as an array of numbers.array[99, 70, 31, 93, 91]
labelsThe label for the dataset which appears in the legend and tooltips.string['Red', 'Orange', 'Yellow', 'Green','Blue']
labelDisplayThe display option controls the visibility of labels.booleanfalse
holeCutOutPercentageThe percentage of the chart that is cut out of the middle.string'50'
legendDisplayThe display of the chart legend.booleantrue
legendPositionThe position of the chart legend.string'top'
titleTitle of the chart.string'Sample Pie Chart'
titleDisplayThe display of the chart title.booleantrue
sliceSelectionshiftOffsets when hovered.string'12.0'
rotationEnabledControls whether the PieChart can be rotated interactively.booleanfalse
sliceSpaceControls the spacing between slices in a PieChart.string'0.0'
halfPieChartShows only 180 degrees of the full circle.booleanfalse
animationXControls whether the PieChart can be rotated horizontally.string'0.0'
animationYControls whether the PieChart can be rotated verticalley.string'0.0'

Events

AttributeDescription
OnClickEvent emitted when slice clicked