Advertisement
AkashSaikia

Doughnut exploded chart

Mar 28th, 2015
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.74 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.   <script type="text/javascript">
  5.   window.onload = function () {
  6.     var chart = new CanvasJS.Chart("chartContainer",
  7.     {
  8.         title:{
  9.         text: "Label 1 Explodes"
  10.       },
  11.  
  12.       data: [
  13.       {
  14.        indexLabelPlacement: "outside",
  15.        type: "doughnut",
  16.         indexLabelPlacement: "inside",
  17.        dataPoints: [
  18.        {  y: 8, indexLabel:"label1", exploded: true },
  19.        {  y: 3, indexLabel:"label2" },
  20.        
  21.  
  22.  
  23.        ]
  24.      }
  25.      ]
  26.    });
  27.  
  28.     chart.render();
  29.   }
  30.   </script>
  31.   <script type="text/javascript" src="/assets/script/canvasjs.min.js"></script></head>
  32.   <body>
  33.     <div id="chartContainer" style="height: 300px; width: 100%;">
  34.     </div>
  35.   </body>
  36.   </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement