Pretty much only with CSS transforms and box-shadow, JS is only used for the controls.
A Pen by NobodyRocks on CodePen.
kevinlvhsl kevinlvhsl
kevinlvhsl
/ [UI] Phone styled IFrame.markdown
Created
January 29, 2016 09:35
[UI] Phone styled IFrame
Our pie chart uses intelligent way to arrange it's labels so that they would not overlap. You can try adding even more labels by pressing EDIT button and adding more items to the data provider - the labels will be arranged so that they wouldn't overlap. Of course, at some big number of labels they can start overlapping, but in most cases you don't have this number of slices in pie chart.
Our pie chart can group small slices into the "Others" slice automatically. Try add groupPercent:5 to the charts config - you will see that the smallest slices are grouped into one now. This will also help to avoid overlapping labels, if you have really a lot of them.Forked from jiansuyan's Pen Simple Pie Chart.
Forked from jiansuyan's Pen Simple Pie Chart.