javascript - 如何从 javascript 数组本身向图表 js 添加数据？

Question

我想使用 chart js在数据结构数据中，如果我给出数字作为

数据:[40,80,5,190,56,55,40] 工作正常。如果我给出一个数组变量或字符串变量来保存该数字，例如

 var myvalues = my_array.toString(); 
   alert(myvalues);

我得到 5,10,14,18 作为变量和数组。现在，当我将数组或字符串与图表数据一起使用时，如果我像下面这样尝试，我将无法获取图表

data : [myvalues]

包含 barChartData 的完整代码

var barChartData = {
            labels: [description],
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.5)",
                    strokeColor: "rgba(220,220,220,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    stepValue: 1,
                    barShowStroke: false,
                    data: [myvalues]
                },
                {
                    fillColor: "rgba(151,187,205,0.5)",
                    strokeColor: "rgba(151,187,205,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    barShowStroke: false,
                    stepValue: 1,
                    data: [myvalues]
                }
            ]

        }

这里的 description 是另一个变量，其中包含有关标签的信息，这也不起作用。

如何将javascript数组或字符串中的数据和标签分配给图表js？

Answer 1

您必须创建数组，填充它们，并且只在对象中键入数组名称而不需要用[ 和]

示例:

var description = new Array();
description.push('a');
description.push('b');
var myvalues = new Array();
myvalues.push('c');
myvalues.push('d');
var barChartData = {
            labels: description,
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.5)",
                    strokeColor: "rgba(220,220,220,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    stepValue: 1,
                    barShowStroke: false,
                    data: myvalues
                },
                {
                    fillColor: "rgba(151,187,205,0.5)",
                    strokeColor: "rgba(151,187,205,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    barShowStroke: false,
                    stepValue: 1,
                    data: myvalues
                }
            ]

        }