使用JSCharts的JSON数据

Question

JSON数据：

[
    {
        Id: 100,
        Type: "admin",
        Name: "LightSpeedJS Technologies",
        Description: "LightSpeedJS, LLC"
    },
    {
        Id: 200,
        Type: "superadmin",
        Name: "LightSpeedJS Technologies",
        Description: "LightSpeedJS"
    }
]

我是JSCharts的初学者。我使用$.getJSON加载json文件，我想用JSCharts创建图表。

我已经提取了示例，但是所有的样本都使用了Array或XML，但是在我的需求中，我必须使用Json数据。

以下是我想要拼凑的东西：

<script type="text/javascript">

$(document).ready(function () {

        var myData = new Array();

        $.getJSON("http://.....", function (org_data) {  
            $.each(org_data, function (key, val) {
                myData.push(val.Name);
                myData.push(parseInt(val.Id)); 
            }); 
        });

      var myChart = new JSChart('graph', 'bar');
      myChart.setDataArray(myData);
      myChart.setTitle('Host distribution per macroareas');
      myChart.draw();
 });

</script>

错误:在Chrome控制台中，当我检查时，我得到了以下错误：

未定义的TypeError:无法读取未定义的属性“0”

Answer 1

在收到getJSON呼叫的响应之前，您似乎正在调用图表函数。因此，将代码更新为

$(document).ready(function () {

    var myData = new Array();

    $.getJSON("http://.....", function (org_data) {  
        $.each(org_data, function (key, val) {
            myData.push(val.Name);
            myData.push(parseInt(val.Id)); 
        }); 
        /* Moved the chart data inside the getJSON call */
        var myChart = new JSChart('graph', 'bar');
        myChart.setDataArray(myData);
        myChart.setTitle('Host distribution per macroareas');
        myChart.draw(); 
    });
});