ChartJSでX軸のステップを調整する

Question

ChartJSで作業します。私はデータベースから時間と日付に従って節約しているいくつかの値を持っています。私は時を経てX軸を調整したい。さて、私の時間と分はすべてX軸に表示されており、時間を表示したいだけです。私は私のPHPファイルにそのためのスクリプトを書いています。しかし、何も起こらなかった。どのようにしてX軸のステップを変更できますか？ここで

は私のスクリプトコードです：

<script> 

$(document).ready(function(){ 

var data = <?php echo json_encode($data) ?>; 


     var gun= []; 
     var guc = []; 
     var saat = []; 
     var hour = []; 
     for(var i in data) { 
      gun.push(data[i].gun); 
      guc.push(data[i].Guc); 
      saat.push(data[i].saat); 
      hour.push(data[i].hour); 
     } 

     var chartdata = { 
      labels: saat, 
      datasets: [ 
       {label: "Güç", 
        fill: true, 
        lineTension: 0.1, 
        backgroundColor: "rgba(211, 72, 54,0.5)", 
        borderColor: "rgba(211, 72, 54, 1)", 
        pointHoverBackgroundColor: "rgba(211, 72, 54, 1)", 
        pointHoverBorderColor: "rgba(211, 72, 54, 1)", 
        steppedLine: true, 
        data: guc 

       } 

      ] 

     }; 

     var ctx = $("#mycanvas7"); 

     var LineGraph = new Chart(ctx, { 
      type: 'line', 
      data: chartdata, 
      options: { 
       min: 0, 
       max: 23, 
       stepSize: 24 
      } 

     }); 
});  
</script> 

Answer 1

xAxes: [{ 
    ticks: { 
    autoSkip: true, 
    maxTicksLimit: 24 
    } 
}] 

これは私が

を推測するのに役立ちます