如何使用Chart.js使刻度均匀分布

如何使用Chart.js使刻度均匀分布,chart.js,Chart.js,我有一个单列的水平条形图。我想让滴答声从0到70,间隔均匀,增量为10点。我试过几种选择,但似乎都不成功。我所能做的就是: 以下是我用来生成此图表的代码: <div style="width: 330px; height: 100px;"> <canvas id="chartBarChart1" style="margin-right: auto; margin-left: auto; display: block;" height="

我有一个单列的水平条形图。我想让滴答声从0到70,间隔均匀,增量为10点。我试过几种选择,但似乎都不成功。我所能做的就是:

以下是我用来生成此图表的代码:

<div style="width: 330px; height: 100px;">
                    <canvas id="chartBarChart1" style="margin-right: auto; margin-left: auto; display: block;" height="100"></canvas>
                </div>
                <script>
                    var ctx = document.getElementById('chartBarChart1').getContext('2d');
                    var myChart = new Chart(ctx, {
                        type: 'horizontalBar',
                        data: {
                            labels: ['CI'],
                            datasets: [
                                {
                                    label: 'CI',
                                    data: [45],
                                    backgroundColor: 'Red'
                                }
                            ]
                        },
                        options: {
                            scales: {
                                xAxes: [{
                                    ticks: {
                                        max: 70,
                                        beginAtZero: true
                                    }
                                }]
                            }, legend: { display: false },

                            responsive: false,
                            maintainAspectRatio: false
                        });
</script>

var ctx=document.getElementById('chartBarChart1').getContext('2d');
var myChart=新图表(ctx{
键入:“水平线”,
数据:{
标签:['CI'],
数据集:[
{
标签:“CI”,
数据:[45],
背景颜色:“红色”
}
]
},
选项:{
比例:{
xAxes:[{
滴答声:{
最高:70,
贝吉纳泽罗:是的
}
}]
},图例:{display:false},
回答:错,
MaintaintAspectRatio:false
});
有办法吗?

使用“步长”来配置刻度,如下所示:

var ctx = document.getElementById('chartBarChart1').getContext('2d');

var myChart = new Chart(ctx, {
  type: 'horizontalBar',
  data: {
    labels: ['CI'],
    datasets: [{
      label: 'CI',
      data: [45],
      backgroundColor: 'Red'
    }]
  },
  options: {
    scales: {
      xAxes: [{
        ticks: {
          max: 70,
          beginAtZero: true,
          stepSize: 10
        }
      }]
    },
  },
});