本文链接：https://blog.csdn.net/saifei_huang/article/details/83582874

1、在HTML中引入Chart.js文件
<script src="Chart.js"></script> https://cdnjs.com/libraries/chart.js

2、在body内使用canvas，设置ID以及相应样式
<canvas id="myChart" width="400" height="400"></canvas>

3、 var popCanvas = $("#myChart");
var barChart = new Chart(popCanvas, {
           type: 'bar',
           data: {
           labels: ["China", "India", "United States", "Indonesia", "Brazil", "Pakistan", "Nigeria", "Bangladesh", "Russia", "Japan"],
           datasets: [{
           label: 'Population',
           data: [1379302771, 1281935911, 326625791, 260580739, 207353391, 204924861, 190632261, 157826578, 142257519, 126451398],
           backgroundColor: [
           'rgba(255, 99, 132, 0.6)',
           'rgba(54, 162, 235, 0.6)',
           'rgba(255, 206, 86, 0.6)',
           'rgba(75, 192, 192, 0.6)',
           'rgba(153, 102, 255, 0.6)',
           'rgba(255, 159, 64, 0.6)',
           'rgba(255, 99, 132, 0.6)',
           'rgba(54, 162, 235, 0.6)',
           'rgba(255, 206, 86, 0.6)',
           'rgba(75, 192, 192, 0.6)',
           'rgba(153, 102, 255, 0.6)'
           ]
           }]
           }
   });