Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在图表栏js中设置自定义Y轴值(Chart.js v2.8.0)_Jquery_Chart.js - Fatal编程技术网

Jquery 如何在图表栏js中设置自定义Y轴值(Chart.js v2.8.0)

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 =

我想设置图表条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 = 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;
}

很高兴它现在适合您。如果你认为这是你问题的答案,请接受我的回答(见)。