使用库高架聊天与asp.net mvc 3

Question

我想与asp.net mvc 3使用图书馆highcharts但我在网上找到的例子是与asp.net mvc 2。另一件事是，怎么可以我将结果数据从linq查询传递给我的应用程序中的highcharts的serie。

任何人都可以提供与asp.net mvc 3的highcharts的例子吗？

Answer 1

一个很好的方法是使用静态Javascript配置图表对象，然后使用Ajax和addSeries方法将图表系列加载为JSON数据。您可以使用Controller.Json方法将您的LINQ结果作为JSON返回。假设你传递一个数值数组的Controller.Json方法在你的AJAX动作，下面是做到这一点需要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>与阿贾克斯的网址或致电UrlHelper.Action。

Answer 2

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