Highcharts动态将JSON数据拉入系列名称

Question

Ok, so here is my problem. I am building a scatter plot chart with 4 quadrants that are labeled. However I need to pull JSON data into the chart and dymanically label the series instead of how I have it now.

https://jsfiddle.net/oh3hevwr/5/

In other words, I need this code specifically to be populated by the JSON data. I know how to pull in the JSON data, but not how to bring in the series name, color, and id within the string.

series: [{
            name: 'Properly Used',
            color: '#23d207',
            id: 1,
            data: []...etc.

Any help would be appreciated.

Answer 1

jQuery makes this very easy.

http://api.jquery.com/jquery.getjson/

You'll want to make it so that the chart does not instantiate until your AJAX call has completed successfully. Wrap that code into a function that accepts a series parameter, and then call it with JSON data obtained through the jQuery getJSON function to render the highchart with your information.