減少chart.js中的Y軸

Question

我有一個正確輸出信息的圖表，但它太高了。我查看了文檔，無法找到使Y軸「更小」的方法。通過這個，我的意思是改變它的計算方式 - 所以在這個截圖中它增加了10秒。是否有可能增加20秒？所以我有三個Y軸點？這會降低身高。

作爲參考，Google Analytics輸出數據的方式是一種很好的方法。他們的圖表很好，纖細，爲他們周圍的其他內容騰出空間。

Answer 1

您可以使用y軸蜱stepSize財產。通過將此屬性設置爲值（區間）的20將減少y軸的滴答計數。

scales: { 
    yAxes: [{ 
     ticks: { 
     stepSize: 20 
     } 
    }] 
} 

ᴅᴇᴍᴏ

var chart = new Chart(ctx, { 
 
    type: 'line', 
 
    data: { 
 
     labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], 
 
     datasets: [{ 
 
     label: 'LINE', 
 
     data: [10, 30, 20, 50, 60], 
 
     backgroundColor: 'rgba(0, 119, 290, 0.2)', 
 
     borderColor: 'rgba(0, 119, 290, 0.6)', 
 
     fill: false 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
     yAxes: [{ 
 
      ticks: { 
 
       beginAtZero: true, 
 
       stepSize: 20 //<-- set this 
 
      } 
 
     }] 
 
     } 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script> 
 
<canvas id="ctx"></canvas>