chartjs orig code

chartjs orig code

by pj_js15

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.2/Chart.js"></script>
<canvas id="myChart"></canvas>

JavaScript

var data = {
    "type": "doughnut",
    "data": {
        "labels": [
        "Red",
        "Green",
        "Yellow"
    ],
    "datasets": [
        {
            "data": [300, 50, 100],
            "backgroundColor": [
                "#FF6384",
                "#36A2EB",
                "#FFCE56"
            ],
            "hoverBackgroundColor": [
                "#FF6384",
                "#36A2EB",
                "#FFCE56"
            ]
        },
    {  
      label: "Data 2",
      data: [100, 100, 200],
      backgroundColor: [
        "#DD6380",
        "#36A2D0",
        "#DDCE50"
      ],
      hoverBackgroundColor: [
        "#FF6380",
        "#36A2E0",
        "#FFCE50"
      ]
    }]
    }/*,
    options: {
      animation: {
        onComplete: function() {
          alert(this.boxes[0].chart.options.cutoutPercentage);
          alert(this.boxes[1].chart.options.cutoutPercentage);
          this.boxes[0].chart.options.cutoutPercentage = 75;
          this.boxes[0].options.fullWidth = false;
          alert(this.boxes[0].chart.options.cutoutPercentage);
          alert(this.boxes[1].chart.options.cutoutPercentage);
          this.update();
        }
      }
   }*/
};

new Chart($('#myChart'), data);