Google图表：无法读取未定义的属性“ 0”

Question

I cannot seem to get google charts working with JSON data. I get this error: 'Cannot read property '0' of undefined.' The JSON response DOES have a JSON content type set. I've looked around at similar questions but cannot seem to find any solution.

Javascript:

google.load('visualization', '1', {
  packages: ['corechart']
});
google.setOnLoadCallback(get_data);

function get_data() {
  $.getJSON('/api?data=graphs', function(json) {
    var status = json.status;
    render_chart(status);
  });
}

function render_chart(status) {
  var status_chart = new google.visualization.DataTable(status);
  var options_status_chart = {
    lineWidth: 0,
    areaOpacity: 0.5
  }
}

JSON Response:

{
  "status": {
     "cols": [{
        "type": "string",
        "label": "Date - Time",
        "id": "dt_metric"
     }, {
        "type": "number",
        "label": "Status",
        "id": "s_metric"
     }],
     "rows": [{
        "c": [{
           "v": "2016\/1\/5 - 09:30"
        }, {
           "v": 0
        }]
     }, {
        "c": [{
           "v": "2016\/1\/5 - 10:00"
        }, {
           "v": 1
            }]
         }]
    }
}

Answer 1

There is something wrong with your JSON response, a missing curly brace at the end of the file. That's why it's not being parsed as proper JSON.