如何，包括了許多數據點在chart.js之積

Question

我試圖用chart.js之積，並在此基本上，我想要實現散射線圖下面是從chart.js

var scatterChart = new Chart(ctx, { 
type: 'line', 
data: { 
    datasets: [{ 
     label: 'Scatter Dataset', 
     data: [{ 
      x: -10, 
      y: 0 
     }, { 
      x: 0, 
      y: 10 
     }, { 
      x: 10, 
      y: 5 
     }] 
    }] 
}, 
options: { 
    scales: { 
     xAxes: [{ 
      type: 'linear', 
      position: 'bottom' 
     }] 
    } 
} 
}); 

的文件所採取的示例代碼

這裏在這個例子中只有3個數據點，但在我的情況下，我有大約100個數據點存儲在2個數組中，即xArray和yArray。我曾嘗試在函數中使用for循環，但它不起作用。有人可以幫忙嗎？編輯： 它已經爲我這樣工作。 我做了一個新的數組，並將該對象（x座標和y座標）添加到此數組中。這是代碼片段。

for(var i=0;i<100;i++) 
{ 
    var obj = {x:xFinal[i],y:yFinal[i]}; 
    c.push(obj); 
} 

Answer 1

嘗試鏈接該陣列像這樣：

//var xArray = [{x: ?,y: ?}, {x: ?,y: ?}]; 
//var yArray = [{x: ?,y: ?}, {x: ?,y: ?}]; 
var concatenatedArray = xArray.concat(yArray); 

然後，您可以傳遞，當你調用像這樣在你的圖表：

var scatterChart = new Chart(ctx, { 
type: 'line', 
data: { 
    datasets: concatenatedArray 
}, 
options: { 
    scales: { 
     xAxes: [{ 
      type: 'linear', 
      position: 'bottom' 
     }] 
    } 
} 
}); 

我希望這可以幫助 - 讓我張貼！