如何从控制器将可接受格式的数据发送到Highstock？

Question

我是Highstock的新手，无法绘制图表。 我正在发送AJAX请求以获取图形数据。我返回了X轴数据列表和Y轴数据列表，我也使用了Map，但是值却像{1420051860000 = 101}一样，这是不可接受的Highstock中的格式。

   $(document).ready(function(){
 $.ajax({  url: 'getData',
           dataType : 'json',
           type: 'GET'
           success: function (data) {

        var xAxisdata= data.xAxisData;
        var yAxisData=data.yAxisData;
        //converting two arrays to two-dimesional array, It's not working
         var jarray = [];
         for (var i=0; i<xAxisdata.length && i<yAxisdata.length; i++){
             jarray[i] = [xAxisdata[i], [yAxisdata[i]]];
             }
    //Getting these values for X and Y values   
var xAxisdata=[1420051860000,1420052160000,1420052460000,1420052760000,1420053060000,....];
var yAxisdata=[100,110,112,113,110,112,111,110,115,116,114,114,110,114,112,113,110,....];
//Creates chart
var chart =new Highcharts.StockChart({
            chart: {
                   renderTo: "container",
                   zoomType: 'x'
               },
            rangeSelector : {
                selected : 1,
                inputEnabled: $('#container').width() > 280
            },
            title : {
                text : 'AAPL Stock Price'
            },
            credits: {
                  enabled: false
              },
            xAxis: {
                    title: {
                       text: 'Time'
                   },
                   type: 'datetime',
                    labels:{
                          formatter:function(){
                              return Highcharts.dateFormat('%H<br/>%d<br/>%m<br/>%Y',this.value);
                          }
                      },
                   },
                   yAxis: {
                       title: {
                           text: "Stock "
                       },
                       lineWidth: 1,
                       min:0,
                       gridLineWidth: 0

                   },

            series : [{
                name : 'AAPL',
                showInLegend: true,
                data : jarray,
                marker : {
                    enabled : true,
                    radius : 3
                }
            }]
        });
        }
        });
} );

另外，Months也面临问题，在javaScript中，月份从0到11开始，但是在java中，月份从1开始。如果月份是JAN-2014，则显示FEB-2014。

建议我使用JSON Response绘制图表的最佳方法。

Answer 1

您的关系非常密切，所构建数组的格式只有一点问题。

尝试使用

  var jarray = [];
     for (var i=0; i<xAxisdata.length && i<yAxisdata.length; i++){
         jarray[i] = [xAxisdata[i], yAxisdata[i]];
         }

只需删除[ yAxisdata [i] ]上的外部方括号

就像这个jsFiddle