具有數據庫連接的ASP.NET MVC中的HighChart

Question

我是ASP.NET MVC的新手，我嘗試使用Visual Studio 2015將數據庫中的數據顯示到Highchart中。我的控制器中具有以下代碼，用於從數據庫中獲取數據：

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;
        }

這是我的模型：

namespace HelloWorld.Models
{
    using System;
    using System.Collections.Generic;

    public partial class SecondlyReading
    {
        public int Id { get; set; }
        public int ChannelID { get; set; }
        public string TimeStamp { get; set; }
        public double RMSVoltage { get; set; }
        public double Frequency { get; set; }
        public double RMSCurrent { get; set; }
        public double RealPower { get; set; }
        public double ReactivePower { get; set; }
        public double ApparentPower { get; set; }
        public double PowerFactor { get; set; }
        public string DeviceId { get; set; }
    }
}

當我在瀏覽器中鍵入/ api / SecondlyReadingDatas時，可以獲取json格式的數據，但是，我的目標是使用高圖表將數據繪制到折線圖中。 我確實知道，需要執行類似以下代碼的操作才能在折線圖中查看數據：

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

我還在項目中安裝了DotNet.HighChart：

我有兩個主要問題：

• 從網站下載Highchart庫是否有所不同，然后在Visual Studio中引用該庫，然后在Visual Studio本身中安裝DotNet.HighChart？
• 我應該在哪個文件中放置<script type="text/javascript"> ？ 是模型，控制器還是_Layout.cshtml？

Answer 1

問題1

DotNet.HighCharts軟件包包括js文件，您可以根據應用程序使用它們。

問題2

您始終應該在View （客戶端）中添加<script type="text/javascript"> 。 Model和Controller用於服務器端。

請參閱本文以獲取有關ASP.NET MVC中的Highcharts更多信息。