在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加載數據