c3中设置y轴间距

Question

我有以下图表，我只想使 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)

提前致谢！

Answer 1

将 y 刻度格式化函数设置为 return 非整数上的空格

    y: {
        label: {
        text:"Students",
        position: "outer-middle"
        },
        tick: {
            format: function (d) { 
                return Math.abs(Math.round(d) - d) < 0.001 ? d : ""; 
            },
            outer: false
            }
    },

c3中设置y轴间距

Set the y axis spacing in c3

charts

d3.js

c3.js