在ChartJS中调整X轴步骤

我在ChartJS上工作。我有一些值是根据数据库中的小时和日期保存的。我想按小时调整X轴。现在，我所有的时间和分钟都显示在X轴上，我只想显示几小时。我为我的PHP文件编写了一个脚本。但没有发生。我怎样才能改变X轴步骤？在ChartJS中调整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>

来源

2016-11-17 catcher

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

这将帮助你我猜

来源

2017-03-08 08:40:37

在ChartJS中调整X轴步骤

回答

相关问题