Jquery 如何在图表栏js中设置自定义Y轴值(Chart.js v2.8.0)
我想设置图表条js Y轴的线差为2 目前,Y轴的值是0,10,20,30,但我需要0,2,4,6,8…30。下面是我的代码Jquery 如何在图表栏js中设置自定义Y轴值(Chart.js v2.8.0),jquery,chart.js,Jquery,Chart.js,我想设置图表条js Y轴的线差为2 目前,Y轴的值是0,10,20,30,但我需要0,2,4,6,8…30。下面是我的代码 <script> $( document ).ready(function() { var BarsChart = (function() { var $chart = $('#chart-bars'); function initChart($chart) { var ordersChart =
<script>
$( document ).ready(function() {
var BarsChart = (function() {
var $chart = $('#chart-bars');
function initChart($chart) {
var ordersChart = new Chart($chart, {
type: 'bar',
data: {
labels: ["Jan","Feb","Mar","Apr","May"],
datasets: [{
label: 'Events',
data: [0,5,6,0,0],
backgroundColor: "#2dce89"
}]
},
options: {
scales: {
yAxes: [{
display: true,
ticks: {
beginAtZero: true,
stepSize: 2,
max: 30
}
}]
}
}
});
$chart.data('chart', ordersChart);
}
if ($chart.length) {
initChart($chart);
}
})();
});
</script>
$(文档).ready(函数(){
var BarsChart=(函数(){
var$chart=$(“#图表条”);
函数initChart($chart){
var ordershart=新图表($Chart{
类型:'bar',
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”],
数据集:[{
标签:“事件”,
数据:[0,5,6,0,0],
背景颜色:“2dce89”
}]
},
选项:{
比例:{
雅克斯:[{
显示:对,
滴答声:{
贝吉纳泽罗:是的,
步长:2,
最多:30
}
}]
}
}
});
$chart.data('chart',ordersChart');
}
如果($chart.length){
initChart($chart);
}
})();
});
您可以将autoSkip:false
添加到配置中,如下所示
ticks: {
autoSkip: false,
如果autoSkip
为true
(默认值),Chart.js会自动计算可以显示多少标签,并相应地隐藏标签。关闭autoSkip
以显示所有标签
新图表(document.getElementById('myChart'){
类型:'bar',
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”],
数据集:[{
标签:“事件”,
数据:[0,5,6,0,0],
背景颜色:“2dce89”
}]
},
选项:{
回答:是的,
图例:{
显示:假
},
比例:{
雅克斯:[{
显示:对,
滴答声:{
autoSkip:错误,
贝吉纳泽罗:是的,
步长:2,
最多:30
}
}]
}
}
});代码>
画布{
最大宽度:260px;
}
很高兴它现在适合您。如果你认为这是你问题的答案,请接受我的回答(见)。