Chartjs条形图为数组数据集生成数据

// 引入Chart.js库
import Chart from 'chart.js';

// 准备数据
const data = [10, 20, 30, 40, 50];

// 创建画布
const canvas = document.getElementById('myChart');
const ctx = canvas.getContext('2d');

// 创建条形图实例
new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['A', 'B', 'C', 'D', 'E'],
    datasets: [{
      label: '数据集',
      data: data,
      backgroundColor: 'rgba(0, 123, 255, 0.5)', // 设置条形的背景颜色
      borderColor: 'rgba(0, 123, 255, 1)', // 设置条形的边框颜色
      borderWidth: 1 // 设置条形的边框宽度
    }]
  },
  options: {
    responsive: true, // 自适应大小
    scales: {
      y: {
        beginAtZero: true // Y轴从0开始
      }
    }
  }
});