var ch1 = new SvgPie('#chart1', { data: { dataset: [ {label: 'Samanta', value: 65}, {label: 'Carl', value: 35}, ] }, options: { innerRadiusSize: .7, transition: 2000, initialTransition: true, sort: true, colors: ['#44DDDD','#EEEEEE'] } })
var ch2 = new SvgPie('#chart2', { data: { values: [60,30,10], labels: ['60%', '30%', '10%'] }, options: { innerRadiusSize: 0, transition: 500, sort: false, showTooltip: false, showLabels: true, colors: ['#3F9272','#8DDCA4'] } })
Total values:
var ch3 = new SvgPie('#chart3', { data: { labels: ['v1','v2','v3'], values: [15,10,30] }, options: { innerRadiusSize: .95, sort: false, showTooltip: true, showLabels: false, showTotal: true, transition: 2000, initialTransition: true, percents: true, otherSize: .2, colors: ['#5FBB97','#FFBC00','#FF6600','#DDDDDD'] } })
Total values:
var ch4 = new SvgPie('#chart4', { data: { labels: ['Value 1','Value 2', ... ,'Value 12'], values: [1,1, ... ,2.1] }, options: { innerRadiusSize: .95, sort: false, showTooltip: true, showLabels: false, showTotal: true, transition: 2000, initialTransition: false, percents: false, group: true, colors: ['#FF6600','#5FBB97', ... ,'#DDDDDD'] } })