Load data into Highcharts with Ajax

by

You have to use the setData methode of the series object as descriped in documentation. In your case it is options.series[0].setData(Data)

And I think you have to turn your Ajax result from string to a real object/array by using JSON.parse(data).

EDIT:
@Ricardo Lohmann: in the ajax-call he did not specify the dataType he expects in the response, so jQuery will guess the dataType. But it will not recognize a string starting with [ as JSON and I doubt his response will be served with correct mime type application/json. So specifying the correct mime type should also solve the problem. But I do not have an example of the complete ajax respons of the questioner. So I’m just guessing, too.

I’d recommend the following ajax call:

$.ajax({
    type: "POST",
    url: "update_visits_chart",
    data: {month: month},
    dataType: 'json',
    success: function(data){
        options.series[0].setData(data);
    }
});

@Jugal Thakkar

$.getJSON is just a shortcut for the ajax-call above, but it is less flexible because you have less options.

More Related Contents:

  1. Basic example of using .ajax() with JSONP?
  2. POST JSON fails with 415 Unsupported media type, Spring 3 mvc
  3. ASP.NET MVC controller actions that return JSON or partial html
  4. Problems with jQuery getJSON using local files in Chrome
  5. How to enable cross-domain request on the server?
  6. Retrieve Facebook Fan Names
  7. Setting processData to false in jQuery breaks my AJAX request
  8. Ajax Cross Domain Calls
  9. What does a Ajax call response like ‘for (;;); { json data }’ mean? [duplicate]
  10. ‘JSON’ is undefined error in IE only
  11. How to return a JSON object in classic ASP
  12. creating highchart with ajax json data
  13. How to parse JSON data with jQuery / JavaScript?
  14. Make cross-domain ajax JSONP request with jQuery
  15. No ‘Access-Control-Allow-Origin’ header is present on the requested resource error
  16. json Uncaught SyntaxError: Unexpected token :
  17. Session timeout and ViewExpiredException handling on JSF/PrimeFaces ajax request
  18. MVC Return Partial View as JSON
  19. Javascript : Send JSON Object with Ajax?
  20. Why do people put code like “throw 1; ” and “for(;;);” in front of json responses? [duplicate]
  21. Cross-Domain AJAX doesn’t send X-Requested-With header
  22. How to write data to a JSON file using Javascript
  23. Jquery getJSON populate select menu question
  24. jsTree – loading subnodes via ajax on demand
  25. Check if username exists in database with AJAX
  26. Timed out waiting for asynchronous script result while executing protractor scripts with appium
  27. jQuery $.ajax request of dataType json will not retrieve data from PHP script
  28. How to pass an array using PHP & Ajax to Javascript?
  29. MVC ajax json post to controller action method
  30. How to establish a TCP Socket connection from a web browser (client side)?

Leave a Comment