https://stat-guinebissau.com/canvas1/script.js

1// Obtener una referencia al elemento canvas del DOM
2const $grafica = document.querySelector("#grafica");
3// Las etiquetas son las que van en el eje X. 
4const etiquetas = ["JAN", "FEV", "MAR", "ABR", "MAI", "JUN"]
5// Podemos tener varios conjuntos de datos
6const datosVentas2020 = {
7    
8    data: [5000, 1500, 8000, 5102, 1500, 8000, 5102], // La data es un arreglo que debe tener la misma cantidad de valores que la cantidad de etiquetas
9    backgroundColor: 'rgba(54, 162, 235, 0.2)', // Color de fondo
10    borderColor: 'rgba(54, 162, 235, 1)', // Color del borde
11    borderWidth: 1,// Ancho del borde
12	
13	label: "IHPI N",
14};
15const datosVentas2021 = {
16    
17    data: [10000, 1700, 5000, 5989, 1500, 8000, 5102], // La data es un arreglo que debe tener la misma cantidad de valores que la cantidad de etiquetas
18    backgroundColor: 'rgba(255, 159, 64, 0.2)',// Color de fondo
19    borderColor: 'rgba(255, 159, 64, 1)',// Color del borde
20    borderWidth: 1,// Ancho del borde
21	
22	label: "IHPI (N-1)",
23};
24
25new Chart($grafica, {
26    type: 'bar',// Tipo de gráfica
27    data: {
28        
29        datasets: [
30            datosVentas2020,
31            datosVentas2021,
32            // Aquí más datos...
33        ],
34		labels: etiquetas,
35    },
36    options: {
37        scales: {
38            yAxes: [{
39                ticks: {
40                    beginAtZero: true
41                }
42            }],
43        },
44    }
45});