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", .....];

当您想要特定于图表的数据数组时，请执行以下操作

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

希望这能解决您的问题！