using library highcharts with asp.net mvc 3

Question

I want to use the library highcharts with asp.net mvc 3 but the examples that I have found in the web is with asp.net mvc 2. The other thing is, how can I pass the result data from a linq query to a highcharts´s serie in my application.

And anyone that can provide an example of highcharts with asp.net mvc 3?

Vangi · Accepted Answer · 2012-01-17 21:34:58Z

5

Another way to do this is by using DotNet.Highcharts library. You can build the Highchart entirely on the server side and there are a lot of MVC3 samples.

answered Jan 17, 2012 at 21:34

Vangi

7248 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brent M. Spell · Accepted Answer · 2011-11-23 20:00:10Z

A good way to do this is to configure your chart object using static Javascript and then load your chart series as JSON data using Ajax and the addSeries method. You can use the Controller.Json method to return your LINQ results as JSON. Assuming you are passing a numeric array to the Controller.Json method in your AJAX action, the following is a simple example of the JavaScript needed to do this:

$(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,
         });
      }
   });
});

Replace <chart-div> with your container and <query-url> with your Ajax URL or a call to UrlHelper.Action.

Collectives™ on Stack Overflow

using library highcharts with asp.net mvc 3

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related