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



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

我的代码示例如下

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]
}
]
};

我明白了

图表中的问题

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

例如:初级:65 二月 : 86 三月 : 95

这是我正在寻找的图像

有人知道吗?感谢

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

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]
}
}

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

相关内容

  • 没有找到相关文章

最新更新