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

Bubble Charts

More chart types...

Source code

<script type="application/ample+xml" xmlns:c="http://www.amplesdk.com/ns/chart"> <c:bubble title="Bubble chart" xAxisLabel="Axis X" yAxisLabel="Axis Y"> <c:group label="Set 0"> <c:item value="5,10,5" /> <c:item value="10,20,10" /> <c:item value="20,15,1" /> <c:item value="30,30,2" /> </c:group> <c:group label="Set 1"> <c:item value="5,20,8" /> <c:item value="15,10,4" /> <c:item value="25,25,1" /> <c:item value="35,40,3" /> </c:group> <c:group label="Set 2"> <c:item value="5,30,8" /> <c:item value="10,30,4" /> <c:item value="20,45,1" /> <c:item value="30,50,3" /> </c:group> </c:bubble> <br /> <br /> <c:bubble title="Bubble chart (one series)" xAxisLabel="Axis X" yAxisLabel="Axis Y"> <c:group label="Set 0"> <c:item value="5,10,5" /> <c:item value="10,20,10" /> <c:item value="15,10,10" /> <c:item value="20,15,1" /> <c:item value="25,25,1" /> <c:item value="30,30,100" /> <c:item value="35,10,5" /> <c:item value="40,20,10" /> <c:item value="45,10,10" /> <c:item value="50,15,1" /> <c:item value="55,25,1" /> <c:item value="60,30,2" /> <c:item value="65,30,20" /> </c:group> </c:bubble> </script>