如何使用highcharts显示json数据

Question

我有一些来自我的后端rails api的json数据，我试图将其集成到highcharts中。我可以使用$ .getJSON获取json数据，但是我在渲染图表时遇到了问题。我收到此错误“Uncaught TypeError：无法读取未定义的属性'0'

根据文档，我使用它来设置系列，我的图表是一个简单的条形图。我的json数据如下。

$.getJSON('data.json', function(data) {
    options.series[0].data = data;
    var chart = new Highcharts.Chart(options);
});


[{ id: 1, 
  state: "Massachusetts",
  city: "Boston"
},
{
  id: 2,
  state: "Massachusetts",
  city: "Boston"
},
{
 id: 3,
 state: "Massachusetts",
 city: "Boston"
},
{
 id: 4,
 state: "Massachusetts",
 city: "Boston"
},
{
 id: 5,
 state: "Massachusetts",
 city: "Boston"
},
{
 id: 6,
 state: "Massachusetts",
 city: "Boston"
},
{
 id: 7,
 state: "Massachusetts",
 city: "Boston"
}]