// Get the canvas element
const ctx = document.getElementById('performanceChart').getContext('2d');

// Create the chart
const chart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['01', '02', '03', '04', '05', '06', '07'],
    datasets: [
      {
        label: 'Performance',
        data: [35, 45, 30, 40, 35, 45, 40, 50],
        backgroundColor: 'rgba(0, 123, 255, 0.6)', // Set the bar color
        borderColor: 'rgba(0, 123, 255, 1)', // Set the border color
        borderWidth: 1 // Set the border width
      }
    ]
  },
  options: {
    responsive: true,
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});
