Question

我收到一个数组json对象。而现在我不知道如何在javascript代码中处理它到系列节数据。我使用了这个高图column-rotated-labels的例子。在此对象中有两列AVG和另一列title，此对象的长度可能为20。这是我的代码：

    $('#showresult').click(function() {
$.ajax({
               url : "../../coursestatus",
               type : "get",
                data : {
                     major : $('#get').val(),
                     year : $('#yearlist').val(),
                     semester : $('#semester').val()
                 },
                 success : function(data) {
                         alert(data.length);
                           $(function () {
                                  $('#container').highcharts({
                                             chart: {  type: 'column'
                                                           },
                                             title: { text: 'World\'s largest cities per 2014' },

                                             xAxis: {
                                                     type: 'category',
                                                         labels: {
                                                          rotation: -45,
                                                       }
                                                      },
                                             yAxis: {  min: 0,
                                              title: {
                                                      text: 'Population (millions)'
                                                  } },
                                             legend: {  enabled: false },
                      tooltip: { pointFormat: 'Population in 2008: <b>{point.y:.1f} millions</b>'  },
                              series: [{ // I don't know how I can process data object to set that's elements to this
                                              name: 'Population',  
                                                  data: [
                                                     JSON.parse("[" + data + "]") 
                                                                    ],
                                                      dataLabels: {  enabled: true,
                                                                        rotation: -90,
                                                                        color: '#FFFFFF',
                                                                        align: 'right',
                                                                        x: 4,
                                                                        y: 10,
                                                            style: { fontSize: '13px',
                                                                      fontFamily: 'Verdana, sans-serif', textShadow: '0 0 3px black'
                                                                        }
                                                                    }
                                                                }]
                                                            });
                                                        });

此对象包含以下元素：

enter image description here

title列包含课程名称，avg列包含该课程的标记这是数据在数据对象中：

[{"title":"Math","avg":20},{"title":"Network","avg":18},{"title":"Operating system","avg":16}]

以上数据有3个长度且很简单，实际上这个对象可能长度> 10。谢谢你！

Answer 1

我在这个页面中创建了类似的问题，我解决了我的问题。 Populate Highcharts with JSON data using jQuery

如何在highchart中处理json对象

1 个答案: