CanvaJs:给定数组中的前10个(排序的)元素

// 假设给定数组为sortedArray
const sortedArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];

// 创建一个CanvaJs实例
const chart = new CanvaJs.Chart("chartContainer", {
  type: "bar", // 柱状图类型
  data: {
    labels: sortedArray.slice(0, 10).map((value, index) => `元素${index + 1}`), // 前10个元素的标签
    datasets: [
      {
        label: "元素值", // 数据集的标签
        data: sortedArray.slice(0, 10), // 前10个元素的值
        backgroundColor: "rgba(75, 192, 192, 0.2)", // 柱状图的背景颜色
        borderColor: "rgba(75, 192, 192, 1)", // 柱状图的边框颜色
        borderWidth: 1 // 柱状图的边框宽度
      }
    ]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true // Y轴从0开始
      }
    }
  }
});

// 渲染图表
chart.render();