Wiki  |   Blog  |   Sitemap  |   Search  
Home
JavaScript UI FrameworkExamplesUI Languages (SVG, XUL..)Charts examplesDoughnut Charts

Doughnut Charts

More chart types...

Source code

<script type="application/ample+xml" xmlns:c="http://www.amplesdk.com/ns/chart"> <c:doughnut title="Net applications Browsers Stats"> <c:group label="2008 Q1"> <c:item label="Explorer" value="77.83" /> <c:item label="Firefox" value="16.86" /> <c:item label="Safari" value="2.65" /> <c:item label="Chrome" value="0" /> <c:item label="Opera" value="1.84" /> </c:group> <c:group label="2008 Q2"> <c:item label="Explorer" value="76.24" /> <c:item label="Firefox" value="18.16" /> <c:item label="Safari" value="2.73" /> <c:item label="Chrome" value="0" /> <c:item label="Opera" value="1.97" /> </c:group> <c:group label="2008 Q3"> <c:item label="Explorer" value="74.93" /> <c:item label="Firefox" value="19.07" /> <c:item label="Safari" value="2.73" /> <c:item label="Chrome" value="0.37" /> <c:item label="Opera" value="2.06" /> </c:group> <c:group label="2008 Q4"> <c:item label="Explorer" value="71.99" /> <c:item label="Firefox" value="20.78" /> <c:item label="Safari" value="3.11" /> <c:item label="Chrome" value="1.16" /> <c:item label="Opera" value="2.15" /> </c:group> <c:group xlabel="2009 Q1"> <c:item label="Explorer" value="69.13" /> <c:item label="Firefox" value="22.67" /> <c:item label="Safari" value="3.58" /> <c:item label="Chrome" value="1.56" /> <c:item label="Opera" value="2.18" /> </c:group> <c:group xlabel="2009 Q2"> <c:item label="Explorer" value="68.06" /> <c:item label="Firefox" value="23.00" /> <c:item label="Safari" value="3.67" /> <c:item label="Chrome" value="2.13" /> <c:item label="Opera" value="2.05" /> </c:group> <c:group xlabel="2009 Q3"> <c:item label="Explorer" value="66.80" /> <c:item label="Firefox" value="23.06" /> <c:item label="Safari" value="4.13" /> <c:item label="Chrome" value="2.86" /> <c:item label="Opera" value="2.07" /> </c:group> <c:group xlabel="2009 Q4"> <c:item label="Explorer" value="63.94"/> <c:item label="Firefox" value="24.44"/> <c:item label="Safari" value="4.40"/> <c:item label="Chrome" value="3.87"/> <c:item label="Opera" value="2.26"/> </c:group> </c:doughnut> <br /> <br /> <c:doughnut title="Doughnut chart (one series)"> <c:group xlabel="Set 0"> <c:item value="10" label="value 0" /> <c:item value="10" label="value 1" /> <c:item value="10" label="value 2" /> <c:item value="50" label="value 3" /> <c:item value="10" label="value 4" /> <c:item value="10" label="value 5" /> <c:item value="10" label="value 6" /> </c:group> </c:doughnut> </script>