chart.js标签数量等于数据点数量

Question

这可能是一个非常简单的问题，但我刚刚开始使用几周前的javascript并且还没有真正得到它的好处。

我使用chart.js生成折线图，包含数据集数据的数组具有可变长度，具体取决于用户输入。 我不能让标签的数量等于数据点的数量，所以如果数组的长度为10，那么它在图表上只有10个点而不是15个，或者我硬编码到“labels：”属性中的任何数字

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

有趣的问题。此外，有趣的图书馆＆＃39; Chart.js＆＃39;即使我在过去的2个月里也在做同样的工作。

<强>解决方案

为此，您需要创建一个全局的预定义数组。

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

当您想要图表特定数据阵列时，请执行以下操作

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

希望这能解决你的问题！