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

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

当我在浏览器中输入/api/secondlyreadingdata时，我可以获得json格式的数据，但是，我的目标是使用high chart将数据绘制成一个折线图。我知道需要实现以下代码来查看线图中的数据：

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

$.ajax({
网址：'http://localhost/TestWebsite/api/SecondlyReadingDatas',
成功：功能（单系列）{
Highcharts.chart（'容器'{
系列：[单一系列]
});
}
});

我还在我的项目中安装了DotNet.HighChart：

我有两个主要问题：

• 从中下载Highchart库是否有区别 网站，然后将在VisualStudio和 是否在Visual Studio本身中安装DotNet.HighChart
• 在哪个文件中放置
  ？ 模型、控制器或_Layout.cshtml

---

问题1

DotNet.HighCharts

软件包包含

js

文件，您可以根据应用程序使用这些文件

问题2

您应该始终在

视图中添加
（客户端）<代码>型号

和

控制器

用于服务器端

---

有关ASP.NET MVC中的高图的更多信息，请参见。

问题1

DotNet.HighCharts

软件包包含

js

文件，您可以根据应用程序使用这些文件

问题2

您应该始终在

视图中添加
（客户端）<代码>型号

和

控制器

用于服务器端

---

有关ASP.NET MVC中的高图的更多信息，请参见。

始终放在视图中-在CSHTML文件中（通常在主布局页或

\u layout.CSHTML

中）。我认为无论是

DotNet.HighCharts

包还是手动引用

HighCharts.js

库，都没有明显的区别。

总是放在视图中-在CSHTML文件中（通常在主布局页面或

\u layout.CSHTML

）。我认为无论是

DotNet.HighCharts

package还是手动引用

HighCharts.js

library，都没有明显区别。要查看，您是指_Layout.cshtml吗？@gram95是的

\u Layout.cshtml

是一个

视图

@gram95如果这个答案对你有帮助，请投票并接受它，这样人们就会知道这是正确的答案并且对他们有帮助。要查看，你指的是\u Layout.cshtml吗？@gram95是的

\u Layout.cshtml

是一个

视图

@gram95如果这个答案对你有帮助，请投票并接受它，这样人们就会知道这是正确的答案，也会帮助他们。

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