データベースからのデータで線形ハイチャートを表示

Question

linear highchartにデータベースからのデータを表示しようとしています。これは、データベースから取得された私のコントローラからjson応答である：

[{"protocole":"tcp","date":"01/02/20","time":"00:10:20","total":281}, 
{"protocole":"udp","date":"01/02/20","time":"00:10:30","total":201}, 
{"protocole":"tcp","date":"01/02/20","time":"00:10:40","total":100}} 

私は、データベースからyAxix内のデータを表示するために成功しましたが、私は、これはコードですxAxixの静的データとそれをテストしてみた：

$(document).ready(function() { 

    var options={ 
     chart: { 
       renderTo: 'container', 
       type: 'line' 
      }, 
     title : { 
      text: 'Total Request number' 
     }, 
     subtitle : { 
      text: 'Server num1' 
     }, 
     xAxis : { 
      categories: ['00:10:20','00:10:30','00:10:40'] 
     }, 
     yAxis :{ 
      title: { 
      text: 'Total' 
      }, 
      plotLines: [{ 
      value: 0, 
      width: 1, 
      color: '#808080' 
      }] 
     }, 

     tooltip : { 
      valueSuffix: '\xB0C' 
     }, 

     legend : { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'middle', 
      borderWidth: 0 
     }, 

     series : [{}] 

    } 
$.ajax({ 
type: 'GET', 
contentType : 'application/json', 
dataType: 'JSON', 
url: 'jsonsdp', 
data: "", 
success: function(data){ 
    var array=[] ; 
    $.each(data, function(i) { 


     array.push(data[i].total); 

     }) 
     alert(array); 
    options.series[0]= {"name": 'total', 
      "data":array}; 


    var chart = new Highcharts.Chart(options); 

} 
}); 

});  

ここでは、categoriesを動的にしてtimeを取得して軸に配置します。 私はこのコードを試しましたが、まだ動作していません！

$.ajax({ 
type: 'GET', 
contentType : 'application/json', 
dataType: 'JSON', 
url: 'jsonsdp', 
data: "", 
success: function(data){ 
    var array=[] ; 
    var array1=[]; 
    $.each(data, function(i) { 


     array.push(data[i].total); 
     array1.push(data[i].time); 
     }) 
     // alert(array); 
    options.series[0]= {"name": 'total', 
      "data":array}; 
     options.xAxis.categories=array1; 

    var chart = new Highcharts.Chart(options); 

} 
}); 

誰かがこれを行う方法を知っていますか？ありがとうございます。

Answer 1

私はこのコードをテストしており、完全に機能します！ これがなぜ初めて動作しなかったのかわかりませんし、エラーを表示して今すぐ動作します！ 私はそれがsomeOneを助けるかもしれないかもしれない投稿する。なぜ誰かがそれを言及する方が良いと分かっている場合。

$.ajax({ 
type: 'GET', 
contentType : 'application/json', 
dataType: 'JSON', 
url: 'jsonsdp', 
data: "", 
success: function(data){ 
var array=[] ; 
var array1=[]; 
$.each(data, function(i) { 


    array.push(data[i].total); 
    array1.push(data[i].time); 
    }) 
    // alert(array); 
options.series[0]= {"name": 'total', 
     "data":array}; 
    options.xAxis.categories=array1; 

var chart = new Highcharts.Chart(options); 

} 
});