使用带有 asp.net mvc 3 的库 highcharts答案

【问题标题】：using library highcharts with asp.net mvc 3使用带有 asp.net mvc 3 的库 highcharts
【发布时间】：2012-07-28 23:42:09
【问题描述】：

我想将库 highcharts 与 asp.net mvc 3 一起使用，但我在网上找到的示例是与 asp.net mvc 2 一起使用的。另一件事是，如何从 linq 查询中传递结果数据在我的应用程序中加入 highcharts 的系列。

谁能提供带有 asp.net mvc 3 的 highcharts 示例？

【问题讨论】：

标签： javascript asp.net-mvc highcharts

【解决方案1】：

另一种方法是使用DotNet.Highcharts 库。您可以完全在服务器端构建Highchart，并且有很多MVC3 samples。

【讨论】：

【解决方案2】：

这样做的一个好方法是使用静态 Javascript 配置图表对象，然后使用 Ajax 和 addSeries 方法将图表系列加载为 JSON 数据。您可以使用 Controller.Json 方法将您的 LINQ 结果作为 JSON 返回。假设您在 AJAX 操作中将数值数组传递给 Controller.Json 方法，以下是执行此操作所需的 JavaScript 的简单示例：

$(document).ready(function() {
   var chart = new Highcharts.Chart({
      chart: {
         renderTo: "<chart-div>"
      },
      title: { text: "Test Chart" },
   });
   $.ajax({
      url: "<query-url>",
      success: function(result) {
         chart.addSeries({
            data: result,
         });
      }
   });
});

将<chart-div> 替换为您的容器，将<query-url> 替换为您的Ajax URL 或对UrlHelper.Action 的调用。

【讨论】：