具有一个数据值图表的多个数据集js

Question

我正在尝试创建包含多个数据集但内部仅包含一个数据值的折线图吗？因为我尝试了很多模式，但总是在选项中未定义，或者所有数据始终在同一列中。

我的代码示例如下

const data = {
  labels: ['January', 'February', 'March'],
  datasets: [
    {
      label: 'My First dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [65]
    },
    {
      label: 'My Second dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [86]
    },
    {
      label: 'My Third dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [95]
    }
  ]
};

我知道了

Problem in the chart

但是我想在第一个标签中对数据集的第一个数据进行排序

例如：6月：65二月：863月：95

Here is an image that what im looking for

有人知道吗？ Thx

Answer 1

我认为您不能将来自不同数据集的点连接到单行中。我能想到的唯一方法是将每个数据值简单地包含到一个数据集中，如下所示

const data = {
  labels: ['January', 'February', 'March'],
  datasets: [
    {
      label: 'My First dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [65, 86, 95]
    }
  }

[如果您不介意解释为什么需要在单独的数据集中使用它们，我也许可以提供进一步的帮助