为chart.js中解析的csv中的每一列添加不同的点样式

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

// 创建canvas元素
const canvas = document.createElement('canvas');
document.body.appendChild(canvas);

// 读取CSV文件并解析为二维数组
const csvData = `1,2,3
4,5,6
7,8,9`;
const dataArray = csvData.split('\n').map(row => row.split(','));

// 创建数据集数组
const datasets = [];

// 遍历解析后的数组
dataArray.forEach((column, index) => {
  // 创建数据集对象
  const dataset = {
    label: `Column ${index + 1}`,
    data: column,
    // 设置点的样式
    pointStyle: 'circle',
    pointRadius: 5,
    pointBackgroundColor: 'rgba(255, 0, 0, 1)',
    pointBorderColor: 'rgba(0, 0, 0, 1)',
    pointBorderWidth: 1,
  };

  // 将数据集对象添加到数据集数组中
  datasets.push(dataset);
});

// 创建图表
new Chart(canvas, {
  type: 'line',
  data: {
    labels: ['Label 1', 'Label 2', 'Label 3'],
    datasets: datasets,
  },
});