r-pie-chart

Property | type | Required | Description ---------|------|----------|------------ angle | number between 0 and 360 | default is 360 | angle of pie chart. for example if set to 180 ,pie chart will render like a half circle and if set to 360 pie chart wil

Usage no npm install needed!

<script type="module">
  import rPieChart from 'https://cdn.skypack.dev/r-pie-chart';
</script>

README

r-pie-chart

props

Property	type	Required	Description
angle	number between 0 and 360	default is 360	angle of pie chart. for example if set to 180 ,pie chart will render like a half circle and if set to 360 pie chart will render like a pure circle.
r	number	default is 45	radius of pie chart
backgroundColor	string	default is '#ddd'	color of empty space.
color	string	default is '#000'	text color of pie chart.
fontSize	number	default is 10	text font size of pie chart
lineWidth	number	default is 10	thickness of pie chart circle
style	object	optional	css object for pie chart element
ranges	array of strings	required	ranges of pie chart. example '45 red' mean progress is 45% and color of range is red