如何在Chart.js中將y軸上的數據集添加到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] 
     } 
    ] 
}