如何使用Chart.js使刻度均匀分布
我有一个单列的水平条形图。我想让滴答声从0到70,间隔均匀,增量为10点。我试过几种选择,但似乎都不成功。我所能做的就是: 以下是我用来生成此图表的代码:如何使用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="
<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
}
}]
},
},
});