D3.js 在c3中设置y轴间距
我有下面的图表,我只想使y轴间距为整数(当要显示的数据较低时,我得到小数:0.1,0.2…)。有人能帮忙吗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",
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:;
},
外部:错误
}
},