json字符串如何转echart格式

请问我要怎么将一个json的字符串转成echart画图的这种格式:

图片说明

 var builderJson = {
              "charts": {
                "人名1": 21376,
                "人名2": 2329,
                "人名3": 9027,
                                ......
              }
            };

我目前写的这个 不行啊

$.ajax({
                url: "http://****/api-index/?format=json",

                dataType: "json",
                success: function (data) {
                    const row1 = [];
                    for (k in data) {
                        var name1 = data[k].student_name;
                        var number1 = data[k].head_pose_up;
                        var str1 = name1+': '+number1;
                        console.log("str1: ", str1);
                        row1.push(str1);
                    }
                    console.log("row1: ", row1);
                }
            }).fail(function (jqXHR, textStatus) {
                console.log("Ajax Error: ", textStatus);
            });
// })

你应该放入的是对象,参考代码如下:

const row1 = [];
var charData = data.charts;
//找出所有的key
var props = Object.getOwnPropertyNames(charData); 
for(var i=0;i<props.length;i++){
   //每个key 就是一个 student_name,属性值就是另一个属性
     var proName = pros[i];
     var temp = {
         "student_name":props[i],
             "head_pose_up":charData[proName]
     }

     row1.push(temp);
}