Javascript 创建多维数组并填充它

Javascript 创建多维数组并填充它,javascript,multidimensional-array,Javascript,Multidimensional Array,我想在我的页面上绘制一个图表,并希望使用Charts.js。关于 表示我要创建的字符需要一组标签,如下所示: var data = { labels : ["January","February","March","April","May","June","July"], datasets : [ { fillColor : "rgba(220,220,220,0.5)", strokeColor : "rgba

我想在我的页面上绘制一个图表,并希望使用Charts.js。关于

表示我要创建的字符需要一组标签,如下所示:

var data = {

    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,1)",
            pointColor : "rgba(220,220,220,1)",
            pointStrokeColor : "#fff",
            data : [65,59,90,81,56,55,40]
        },
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : [28,48,40,19,96,27,100]
        }
    ]
}
  • 问题:如何创建这样的数组

  • 问题:如何用文本字段的输入填充此数组

  • 谢谢! Jan

    A1)您编写的方法是在javascript中创建数组的正确方法

    A2)假设您有一个带有
    id='month'
    的文本字段。您可以通过以下方式访问其值:

    var month = document.getElementById('month').value
    
    接下来,您可以创建一个数组
    var label=[]
    并通过推入数组从文本字段添加数据。i、 e
    label.push(月)

    填充
    标签
    的数组后,可以将此数组指定给
    数据
    对象的属性
    标签

    与为数据赋值类似,创建一个数组
    var values=[];var值2=[]
    现在通过将值推入数组来填充
    值2
    数组

    var label = [];
    var values = []; 
    var values2 = [];
    var month = document.getElementById('month').value;  
    //keep on doing this for all input fields
    label.push(month)
    //similarly push data into values and values2.
    //Now build your structure for chart as follows:
    var data = {
    
        labels : label,
        datasets : [
            {
                fillColor : "rgba(220,220,220,0.5)",
                strokeColor : "rgba(220,220,220,1)",
                pointColor : "rgba(220,220,220,1)",
                pointStrokeColor : "#fff",
                data : values
            },
            {
                fillColor : "rgba(151,187,205,0.5)",
                strokeColor : "rgba(151,187,205,1)",
                pointColor : "rgba(151,187,205,1)",
                pointStrokeColor : "#fff",
                data : values2
            }
        ]
    }
    
    这里的
    标签
    值2
    是从文本字段中获得的数组。
    希望这有帮助。

    定义类似的内容{

    data = {
            label:""
            fields: [],     
    };
    
    推动价值

    data.fields.push({
            label: "label", 
            value: "your constructed value"
            });
    

    您可以通过在JavaScript中这样编写来创建数组…您还想如何创建它?您是否有来自某个地方的数据?您的文本字段到底是什么样子的,即,用户应该输入什么?与中不同的情况?我刚刚给出了标签数组的一个示例,因此用户可以进一步解决他的查询。是的,这就是如何创建的用户必须继续,但用户似乎是一个初学者,据我所知,我们必须提供帮助,首先必须定义结构,然后开始推送元素,等等,我将发布一个示例