chart.js標籤的數量等於數據點的數量

Question

這可能是一個非常簡單的問題，但幾個星期前我剛剛開始使用JavaScript，並且還沒有真正獲得它的好處。

我正在使用chart.js生成折線圖，而包含數據集數據的數組具有可變長度，具體取決於用戶輸入。 我無法獲得標籤的數量等於數據點的數量，所以如果數組的長度爲10，它只在圖表上有10個點，而不是15個，或者硬編碼到「標籤」中的任何數字。屬性

var count = dataArray.length; 
var labelnames = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", "9th", "10th", "11th", "12th", "13th", "14th", "15th"]; 

所以在這裏，如果dataArray中有10長度我想用10個標籤像這樣的字符串：

var labelsOnChart = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", "9th", "10th"]; 

把我的圖表上。

Answer 1

有趣的問題。而且有趣的圖書館「chart.js之」。即使是我也努力同過去2個月。

解決方案

爲此，您需要創建一個預定義的陣列，這將是全球性的。

var labelnames = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", .....]; 

當以往任何時候都需要在圖表特定dataarrayset然後執行以下

var count = dataArray.length; 
var requiredLabels = labelnames .slice(0,count); 

希望這將解決您的問題！