具有一个数据值chartjs的多个数据集答案

【问题标题】：Multiple datasets with one data value chartjs具有一个数据值chartjs的多个数据集
【发布时间】：2020-05-24 18:29:32
【问题描述】：

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

我的代码示例如下

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 二月：86 三月：95

Here is an image that what im looking for

有人知道吗？谢谢

【问题讨论】：

标签： javascript reactjs react-native chart.js chartjs-2.6.0

【解决方案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]
    }
  }

如果您不介意在单独的数据集中解释为什么需要这些，我可以提供进一步的帮助

【讨论】：