Масштабируемая диаграмма с данными из ajax

Question

Поскольку я новичок в веб-программировании (не программирую вообще), у меня есть основной вопрос:

Я пытаюсь построить масштабируемую диаграмму с данными из моего ответа ajax в APS.NET MVC:

Мой ответ 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; }
    }

Я пробовал много разных вещей. У меня есть этот код в моем представлении:

заглавие

</div>

<script type="application/javascript">

    Highcharts.setOptions({
      global: {
        useUTC: false
      }
    });

      $.ajax({
          type: 'GET',
          url: '/api/Api',
          data: { },
          success:function(response)
          {
              console.time('line');
              Highcharts.chart('container', {

                chart: {
                  zoomType: 'x'
                },

                title: {
                  text: 'Power Query mVTC'
                },

                subtitle: {
                  text: ''
                },

                tooltip: {
                  valueDecimals: 2
                },

                xAxis: {
                  type: 'datetime'
                },

                series: [{
                  data: response,
                  lineWidth: 0.5,
                  name: 'Hourly data points'
                }]

              });
              console.timeEnd('line');


          },
          error:function(){

          }
        });


</script>

Я верю моя проблема здесь:

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

Поскольку я не говорю диаграмме, что такое ось X и что такое ось Y.

Короче говоря, как мне сопоставить ось X с LogTime и ось Y с mVTC