D3.js 在c3中设置y轴间距

D3.js 在c3中设置y轴间距,d3.js,charts,c3.js,D3.js,Charts,C3.js,我有下面的图表,我只想使y轴间距为整数(当要显示的数据较低时,我得到小数:0.1,0.2…)。有人能帮忙吗 var Presence = c3.generate({ bindto: '#presence', data: { url: 'ranking.csv', x:'AC_YEAR', types: { Number_students: "bar",

我有下面的图表,我只想使y轴间距为整数(当要显示的数据较低时,我得到小数:0.1,0.2…)。有人能帮忙吗

var Presence = c3.generate({
        bindto: '#presence',
        data: {
            url: 'ranking.csv',
            x:'AC_YEAR',
            types: {
                Number_students: "bar",
                Ranking: 'spline'
            },
            axes:{
                Number_students: "y",
                Ranking: "y2"
            }
        },
        axis: {
            y: {
                label: {
                text:"Students",
                position: "outer-middle"
                },
                tick: {
                    outer: false}
            },
            y2: {
                inverted:true,
                show: true,
                label: {
                    text:"Ranking position",
                    position: "outer-middle"
                },
                tick: {
                    outer: false
                }
            },
            x: {
                label: {
                text:"Year",
                position: "outer-center"
                },
                tick: {outer: false}
            }
        },
        size: {
            height: 400,
            width: 800
        },    
});
csv文件如下所示:

AC_YEAR,Number_students,Ranking
2011,1,103
2012,2,30
2014,1,178
2015,1,188
但是csv随着时间的推移而变化,有时学生人数是100人。这就是为什么我不想固定y轴上的值,只在学生人数较少(1或2)时避免浮动


提前谢谢

设置y记号格式函数,以返回非整数的空格

    y: {
        label: {
        text:"Students",
        position: "outer-middle"
        },
        tick: {
            format: function (d) { 
                return Math.abs(Math.round(d) - d) < 0.001 ? d : ""; 
            },
            outer: false
            }
    },
y:{
标签:{
正文:“学生”,
位置:“外中”
},
勾选:{
格式:函数(d){
返回Math.abs(Math.round(d)-d)<0.001?d:;
},
外部:错误
}
},