5 <script type="text/javascript">
\r
6 window.onload = function () {
\r
7 var chart = new CanvasJS.Chart("chartContainer",
\r
10 text: "Gaming Consoles Sold in 2012"
\r
12 animationEnabled: true,
\r
13 animationDuration: 2000,
\r
15 verticalAlign: "bottom",
\r
16 horizontalAlign: "center"
\r
20 indexLabelFontSize: 20,
\r
21 indexLabelFontFamily: "Monospace",
\r
22 indexLabelFontColor: "darkgrey",
\r
23 indexLabelLineColor: "darkgrey",
\r
24 indexLabelPlacement: "outside",
\r
27 toolTipContent: "{y} - <strong>#percent%</strong>",
\r
29 { y: 4181563, legendText: "PS 3", indexLabel: "PlayStation 3" },
\r
30 { y: 2175498, legendText: "Wii", indexLabel: "Wii" },
\r
31 { y: 3125844, legendText: "360", exploded: true, indexLabel: "Xbox 360" },
\r
32 { y: 1176121, legendText: "DS", indexLabel: "Nintendo DS" },
\r
33 { y: 1727161, legendText: "PSP", indexLabel: "PSP" },
\r
34 { y: 4303364, legendText: "3DS", indexLabel: "Nintendo 3DS" },
\r
35 { y: 1717786, legendText: "Vita", indexLabel: "PS Vita" }
\r
43 <script src="../../canvasjs.min.js"></script>
\r
44 <title>CanvasJS Example</title>
\r
47 <div id="chartContainer" style="height: 400px; width: 100%;"></div>
\r