Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.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 Canvasjs堆叠图表动态_Javascript_Json_Canvasjs - Fatal编程技术网

Javascript Canvasjs堆叠图表动态

Javascript Canvasjs堆叠图表动态,javascript,json,canvasjs,Javascript,Json,Canvasjs,我有这样的数组形式一些URL: { "CABANG B": [ { "nama":"Kontrak","jumlah":"30" }, { "nama":"Tetap","jumlah

我有这样的数组形式一些URL:

{
    "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使用堆叠或多列图表看看我更新的第二个答案。可以吗?