在Web服务ASP.NET MVC Framework中将数据显示为图形

Question

我对Web服务非常陌生，最近刚开始开发一种从树莓派接收数据的服务。 从Raspberry Pi发送的所有数据都存储在Microsoft SQL服务器内部，该服务器已经与Web服务建立了连接。 现在，当我单击超链接时，我可以查看数据，但是以json格式出现在记事本中。 以下是我的控制器代码：

namespace HelloWorld.Controllers
{
    public class SecondlyReadingDatasController : ApiController
    {

        private cloudsqlEntities db = new cloudsqlEntities();

        // GET: api/SecondlyReadingDatas
        public IQueryable<SecondlyReading> GetSecondlyReadings()
        {
            SecondlyReading sec = db.SecondlyReadings.First();
            return db.SecondlyReadings;
        }

以下是我尝试检索的数据的图像：

我已经在线阅读了使用Ajax和Highcharts可以显示数据的信息，但是，我确实感到困惑。

我的主要问题是：

在哪里实现Ajax功能的代码？ 在Index.cshtml或_Layout.cshtml中？
我需要在模型或控制器中添加任何内容吗？
我需要安装任何软件包或库吗？ 我已经安装了DotNet.HighCharts

我尝试将以下代码放置在_Layout.cshtml中，但是我什么也没得到：

<script type="text/javascript">
$.ajax({
  url: 'http://localhost/TestWebsite/api/SecondlyReadingDatas',
  success: function(singleSeries) {
    Highcharts.chart('container', {
      series: [singleSeries]
    });
  }
});
</script>

我不确定这是否只是所需的完整代码集。 我尝试查看以下链接，但是由于我是第一次研究Ajax，因此很难理解。 希望得到任何帮助

参考链接：

http://www.c-sharpcorner.com/UploadFile/1f3f2a/charting-in-mvc/

https://docs.microsoft.com/zh-cn/aspnet/web-pages/overview/data/7-displaying-data-in-a-chart

https://www.codeproject.com/Articles/820349/Highcharts-in-asp-net-using-jquery-ajax 使用Ajax将数据加载到Highcharts中

https://csharptrenches.wordpress.com/2013/08/21/how-to-use-highcharts-js-with-asp-net-mvc-4/

用ajax json数据创建highchart

HighCharts通过Ajax加载数据