charts/canvas/examples/04-pie-chart/pie-chart-with-index-label.html

   1 <!DOCTYPE HTML>\r
   2 <html>\r
   3 <head>\r
   4         <script type="text/javascript">\r
   5 window.onload = function () {\r
   6         var chart = new CanvasJS.Chart("chartContainer",\r
   7         {\r
   8                 theme: "theme2",\r
   9                 title:{\r
  10                         text: "Gaming Consoles Sold in 2012"\r
  11                 },\r
  12                 data: [\r
  13                 {\r
  14                         type: "pie",\r
  15                         showInLegend: true,\r
  16                         toolTipContent: "{y} - #percent %",\r
  17                         yValueFormatString: "#0.#,,. Million",\r
  18                         legendText: "{indexLabel}",\r
  19                         dataPoints: [\r
  20                                 {  y: 4181563, indexLabel: "PlayStation 3" },\r
  21                                 {  y: 2175498, indexLabel: "Wii" },\r
  22                                 {  y: 3125844, indexLabel: "Xbox 360" },\r
  23                                 {  y: 1176121, indexLabel: "Nintendo DS"},\r
  24                                 {  y: 1727161, indexLabel: "PSP" },\r
  25                                 {  y: 4303364, indexLabel: "Nintendo 3DS"},\r
  26                                 {  y: 1717786, indexLabel: "PS Vita"}\r
  27                         ]\r
  28                 }\r
  29                 ]\r
  30         });\r
  31         chart.render();\r
  32 }\r
  33         </script>\r
  34         <script src="../../canvasjs.min.js"></script>\r
  35         <title>CanvasJS Example</title>\r
  36 </head>\r
  37 <body>\r
  38         <div id="chartContainer" style="height: 400px; width: 100%;"></div>\r
  39 </body>\r
  40 </html>