Javascript 创建多维数组并填充它
我想在我的页面上绘制一个图表,并希望使用Charts.js。关于 表示我要创建的字符需要一组标签,如下所示: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
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]
}
]
}
id='month'
的文本字段。您可以通过以下方式访问其值:
var month = document.getElementById('month').value
接下来,您可以创建一个数组var label=[]
并通过推入数组从文本字段添加数据。i、 elabel.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中这样编写来创建数组…您还想如何创建它?您是否有来自某个地方的数据?您的文本字段到底是什么样子的,即,用户应该输入什么?与中不同的情况?我刚刚给出了标签数组的一个示例,因此用户可以进一步解决他的查询。是的,这就是如何创建的用户必须继续,但用户似乎是一个初学者,据我所知,我们必须提供帮助,首先必须定义结构,然后开始推送元素,等等,我将发布一个示例