Jquery 如何使用highcharts显示json数据

我有一些来自后端rails api的json数据，我正试图将这些数据集成到highcharts中。我能够使用$.getJSON获取json数据，但在呈现图表时遇到了问题。我未捕获到此错误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"
}]

---

显示完整代码请检查json是否有效。如果更多字段不正确，您的json应该与示例中的类似：。请参阅json结构。