减少chart.js中的Y轴

Question

我有一个正确输出信息的图表，但它太高了。我看过文档，找不到让Y轴“更小”的方法。通过这个，我的意思是改变它的计算方式 - 所以在这个截图中它增加了10秒。 20秒可以增加它吗？所以我有三个Y轴点？这会降低身高。

作为参考，Google Analytics输出数据的方式是一种很好的方法。他们的图表很漂亮，为周围的其他内容腾出空间。

Answer 1

您可以使用y轴刻度的 android:descendantFocusability="blocksDescendants" android:focusable="true" android:focusableInTouchMode="true" 属性。通过将此属性设置为 stepSize 的值（间隔），将减少y轴的刻度计数。

20

<强>ᴅᴇᴍᴏ

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
            }
         }]
      }
   }
});