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

如何使Y轴仅为整数？我应该在哪里添加它？

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

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

请参阅tick configuration options

如何关闭“我打开案例”的标题？

您可以为图例将display属性设置为false来关闭标题（又名图例）。

options: {
   legend: {
      display: false
   }
}

请参阅legend configuration

如何关闭背景网格？

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

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

请参阅grid line configuration

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

如何在ChartJS中使y轴仅进行整数缩放？

1 个答案: