After installing, follow the initial guidelines to easily set up the pie-chart widget and customize it with your preferred design. Effortlessly configure the pie-chart widget by adhering to these initial guidelines, tailoring it to seamlessly match your preferred design.

Step 1: Setting the type of the pie chart

Use the dropdown to select the one of the available types of pie chart which are ‘default-pie’,’mono-chrome’,’gradient-pie’,’image-pie’,’pattern-pie’.

Click on the ‘Change Partition data’ button and select the way you want to feed the data through API , Manually or using public function setJson.

API

API will be parsing the JSON Url contains JSON Structure below,

Expected JSON Structure: API JSON URL

Manually

If you choose manually, You can select the partition number by the partitions number slider. After choosing the partition number you will be able to select each partition by partition selector dropdown and when partition is selected widget will show the selected partition as highlighted from others and adding partition label, partition value, changing partition color, changing partition label color.

SetJson

setJson is a public function expects JSON object structure should be similar to below,

Expected JSON Structure: setJson Public Function

setJson function usage

Changing design mainly in two categories: changing the legend design and changing the chart design.

Legend design contains with,

Chart design contains with,

The partition value represents the numerical value or magnitude of each partition in the pie chart, indicating its proportion relative to the whole.

The partition percentage represents the relative contribution of each partition to the total sum, expressed as a percentage of the whole pie chart. It provides a quick understanding of the distribution of data within the chart.