Блог

Я использую 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]
        }
    ]
}