Bootstrap Snippet Pie chart (chart js ) using HTML Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<div class="container">
  <h2>Chart.js — Pie Chart Demo</h2>
  <div>
    <canvas id="myChart" height="100" ></canvas>
  </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
  type: 'pie',
  data: {
    labels: ["Green", "Blue", "Black"],
    datasets: [{
      backgroundColor: [
        "#2ecc71",
        "#e74c3c",
        "#34495e"
      ],
      data: [12, 19,  7]
    }]
  }
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Pie chart (chart js )"
Bootstrap 4.0.0 Snippet by akshayptdr4

Related: See More

Questions / Comments:

"Pie chart (chart js )" Bootstrap 4.0.0 Snippet by akshayptdr4

Related: See More

Questions / Comments:

"Pie chart (chart js )"
Bootstrap 4.0.0 Snippet by akshayptdr4