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

Question

我正在使用 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 中的单个标签？

Answer 1

使它们成为单独的对象。

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