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 / SecondReadingDatas键入我的浏览器时，我可以获得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

您始终应在<script type="text/javascript">（客户端）添加View。 Model和Controller用于服务器端。

有关ASP.NET MVC中Highcharts的更多信息，请参阅this article。

ASP.NET MVC中的HighChart与数据库连接

1 个答案: