Javascript Canvasjs堆叠图表动态
我有这样的数组形式一些URL:Javascript Canvasjs堆叠图表动态,javascript,json,canvasjs,Javascript,Json,Canvasjs,我有这样的数组形式一些URL: { "CABANG B": [ { "nama":"Kontrak","jumlah":"30" }, { "nama":"Tetap","jumlah
{
"CABANG B":
[
{
"nama":"Kontrak","jumlah":"30"
},
{
"nama":"Tetap","jumlah":"197"
},
{
"nama":"Honorer","jumlah":"1"
},
{
"nama":"RUPS","jumlah":"3"
}
],
"CABANG A":
[
{
"nama":"Kontrak","jumlah":"22"
},
{
"nama":"Tetap","jumlah":"108"
}
]
}
}
我想创建带有标签的卡邦B的图表堆叠列
,带有列的卡邦A
kontra,
tetap,
荣誉者`
看起来,我有一些代码:
var-dataPointR=[];
$。每个(数据、函数(键、值){
//钥匙=卡邦A
dataPointR.push({“label”:key})
$.each(val,function)(键2,val2){
///val2.nama=Kontrak
///val2.jumlah=30
dataPointR.push({“x”:val2.nama,“y”:val2.jumlah})
})
dataPointsR.push({“type”:“stackedColumn”,“name”:key,“dataPoints”:dataPointR})
})
但是不起作用,谢谢您可以通过这种方式根据给定的链接生成数据
var obj={
“卡邦B”:
[
{
“nama”:“Kontrak”,“jumlah”:“30”
},
{
“nama”:“Tetap”,“jumlah”:“197”
},
{
“nama”:“荣誉者”,“朱姆拉”:“1”
},
{
“nama”:“RUPS”,“jumlah”:“3”
}
],
“卡邦A”:
[
{
“nama”:“Kontrak”,“jumlah”:“22”
},
{
“nama”:“Tetap”,“jumlah”:“108”
}
]
};
var finalData=[];
$。每个(对象、功能(键、值){
变量数据={};
var dataPointR=[];
数据[“名称”]=键;
数据[“类型”]=“stackedColumn”;
$.each(val,function)(键2,val2){
dataPointR.push({“x”:val2.nama,“y”:val2.jumlah})
});
数据[“数据点”]=数据点;
最终数据推送(数据);
})
console.log(finalData);
解决我试图像这样更改我的数组
var obj = {
"KONTRAK":
[
{
"nama": "CABANG A", "jumlah": "30"
},
{
"nama": "CABANG B", "jumlah": "10"
},
{
"nama": "CABANG C", "jumlah": "11"
}
],
"TETAP":
[
{
"nama": "CABANG A", "jumlah": "22"
},
{
"nama": "CABANG B", "jumlah": "2"
},
{
"nama": "CABANG C", "jumlah": "11"
}
]
};
在我的控制台中,在图表中不起作用。log 0:dataPoints:Array(4)0:{x:“Kontrak”,y:“30”}1:{x:“Tetap”,y:“197”}2:{x:“Honorer”,y:“1”}3:{x:“RUPS”,y:“3”}长度:4原型:数组(0)名称:“KANTOR PUSAT”类型:“stackedColumn”原型:Object@DanuraAditya,我已经更新了我的答案。如果你看一下,你就会明白。另外,你能告诉我你想怎么画这个图表吗?我想喜欢这个卡邦a=Kontrak:10,荣誉:5,Tetap:2卡邦B=Kontrak:1,荣誉:2,Tetap:3使用堆叠或多列图表看看我更新的第二个答案。可以吗?