Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有一个数据值的多个数据集_Javascript_Reactjs_React Native_Chart.js_Chartjs 2.6.0 - Fatal编程技术网

Javascript 具有一个数据值的多个数据集

Javascript 具有一个数据值的多个数据集,javascript,reactjs,react-native,chart.js,chartjs-2.6.0,Javascript,Reactjs,React Native,Chart.js,Chartjs 2.6.0,我正在尝试创建一个包含多个数据集但只有一个数据值的折线图,这可能吗?因为我尝试了很多模式,但总是在选项中未定义,或者所有数据总是在一列中 我的代码示例如下 const data = { labels: ['January', 'February', 'March'], datasets: [ { label: 'My First dataset', backgroundColor: 'rgba(255,99,132,0.2)', borderC

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

我的代码示例如下

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]
    }
  ]
};
我明白了

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

例:6月:65 二月:86 三月:95


有人知道吗?Thx

我认为您无法将来自不同数据集的点连接到一条线中。我能想到的唯一方法是将每个数据值包含到下面所示的单个数据集中

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]
    }
  }
如果您不介意解释为什么需要在单独的数据集中使用这些数据,我可能可以进一步提供帮助