javascript - 如何在ChartJS中使y轴仅整数缩放？

Question

我只是 ChartJS 的新手，enter image description here

我有 3 个问题:

1.如何让Y轴只能是整数？我应该在哪里添加它？

2.如何关闭“我的未结案件”的标题？我尝试将其设置为 null 但不起作用？

3.如何关闭背景网格？看起来很奇怪

这是我的代码:

 var columnChart = document.getElementById("columnChart").getContext('2d');
        var myChart = new Chart(columnChart, {
            type: 'bar',
            data: {

                labels: columnChartLabel,
                datasets: [ {
                    label: 'My Open Case',
                    data: columnChartNumber,
                    backgroundColor: "rgba(255,153,0,1)"
                }]
            }

        });

Answer 1

How can I make the Y axis only integer? where should I add it?

您可以通过将图表选项中刻度的stepSize属性设置为1来使Y轴仅是整数。

options: {
   scales: {
      yAxes: [{
         ticks: {
            stepSize: 1
         }
      }]
   }
}

参见tick configuration options

How can I turn off the title which is "my open case"?

您可以通过将图例的 display 属性设置为 false 来关闭标题(又名图例) .

options: {
   legend: {
      display: false
   }
}

参见legend configuration

How can I turn off the background grids off?

您可以通过将 x 轴和 y 轴的 gridLines 的 display 属性设置为 false 来关闭背景网格。

options: {
   scales: {
      xAxes: [{
         gridLines: {
            display: false
         }
      }],
      yAxes: [{
         gridLines: {
            display: false
         }
      }]
   }
}

参见grid line configuration

<强> ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ᴏɴ ᴊꜱꜰɪᴅᴅʟᴇ