Javascript 带有来自ajax的数据的可缩放图表

由于我是网络编程新手（不是一般编程），我有一个基本问题：

我正试图在APS.NET MVC中使用ajax responsem中的数据构建一个可缩放的图表：

我的ajax响应是以下对象的列表：

public sealed class mVTCModel 
    {
        public string Id { get; set; }
        public DateTime LogTime { get; set; }
        public bool Valid { get; set; }
        public double mVTC { get; set; }
    }

我试过很多不同的东西。我认为有以下代码：

标题

Highcharts.setOptions({
全球：{
useUTC:false
}
});
$.ajax({
键入：“GET”，
url:“/api/api”，
数据：{}，
成功：功能（响应）
{
控制台。时间（“行”）；
Highcharts.chart（'容器'{
图表：{
zoomType:'x'
},
标题：{
文本：“电源查询mVTC”
},
副标题:{
文本：“”
},
工具提示：{
数值小数：2
},
xAxis：{
键入：“日期时间”
},
系列：[{
数据：答复，
线宽：0.5，
名称：“每小时数据点”
}]
});
控制台。时间结束（“行”）；
},
错误：函数（）{
}
});

我相信我的问题在于：

    series: [{
              data: response, <-- HERE (I suppose)
              lineWidth: 0.5,
              name: 'Hourly data points'
            }]

系列：[{
data:response是一个数组，其中每个元素的外观如下：
{x:mVTCModel.LogTime，y:mVTCModel.mVTC}
。如果要显示id/有效状态，可以使元素的外观如下：
{x:mVTCModel.LogTime，y:mVTCModel.mVTC，customId:mVTCModel.id，customValidState:mVTCModel.Valid}
，然后在需要时引用它们。因此，您需要将响应转换为类似这样的数组。您的数据对象应适当组合。下面介绍了如何执行此操作：
    series: [{
              data: response, <-- HERE (I suppose)
              lineWidth: 0.5,
              name: 'Hourly data points'
            }]