在asp.net mvc 3中使用highcharts庫

Question

我想將highcharts庫與asp.net mvc 3一起使用，但是我在網上找到的示例是asp.net mvc2。另一件事是，如何將結果數據從linq查詢傳遞到highcharts在我的應用程序中是意甲。

有人能用asp.net mvc 3提供highcharts示例嗎？

Answer 1

另一種方法是使用DotNet.Highcharts庫。 您可以完全在服務器端構建Highchart，並且有很多MVC3示例 。

Answer 2

一個好的方法是使用靜態Javascript配置圖表對象，然后使用Ajax和addSeries方法將圖表系列作為JSON數據addSeries 。 您可以使用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>替換<chart-div>容器，將<query-url>替換為您的Ajax URL或對UrlHelper.Action 。