如何在Chart.js中将y轴上的数据集添加到x轴上的标签

How to add a data set on y axis to a label on x axis in Chart.js?

本文关键字：添加 数据集 标签 js 中将 Chart      更新时间：2023-09-26

我正在使用chart. js绘制一个简单的折线图。

我有下面的折线图数据工作良好。三个数据值映射到三个标签。

var lineChartData = {
    labels : ["January","February","March"],
    datasets : [
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : [10, 5, 7]
        }
    ]
}

现在我想为一个标签添加一组数据值，例如30个不同的值，一个月的每一天一个。我已经尝试过

data : [{10, 5, 7, ..., 3}, {5, 6, 8, ..., 4}, ...]

但没有成功。

我如何将数据集的值映射到Chart.js中的单个标签?

让它们成为单独的对象。

var lineChartData = {
    labels : ["January","February","March"],
    datasets : [
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : [10, 5, 7]
        },
{
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : [3, 9, 4]
        }
    ]
}
相关文章：