Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript chart.js标签数量等于数据点数量_Javascript_Chart.js - Fatal编程技术网

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

Javascript chart.js标签数量等于数据点数量,javascript,chart.js,Javascript,Chart.js,这可能是一个非常简单的问题,但我几周前才开始使用javascript,还没有真正掌握好它 我正在使用chart.js生成一个折线图,包含数据集数据的数组根据用户的输入具有可变的长度。 我无法使标签的数量等于数据点的数量,因此,如果数组的长度为10,那么它在图表上只有10个点,而不是15个或我硬编码到labels:attribute中的任何数字 因此,如果dataArray的长度为10,我希望字符串包含10个标签,如下所示: var labelsOnChart = ["1st", "2nd",

这可能是一个非常简单的问题,但我几周前才开始使用javascript,还没有真正掌握好它

我正在使用chart.js生成一个折线图,包含数据集数据的数组根据用户的输入具有可变的长度。 我无法使标签的数量等于数据点的数量,因此,如果数组的长度为10,那么它在图表上只有10个点,而不是15个或我硬编码到labels:attribute中的任何数字

因此,如果dataArray的长度为10,我希望字符串包含10个标签,如下所示:

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

放在我的图表上

有趣的问题。此外,还有一个有趣的库“Chart.js”。即使是我,在过去的两个月里也在做同样的事情

解决方案

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

var labelnames = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", .....];
当您需要图表特定的数据阵列设置时,请执行以下操作

var count = dataArray.length; 
var requiredLabels = labelnames .slice(0,count);
希望这能解决你的问题

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