Javascript 是否可以独立于尺寸控制轴数?
基本上我想画这样的东西:(网格线,而不是图形) 似乎如果tickSize设置为1(如下),则会绘制一组线,并在其下方绘制相应的轴号Javascript 是否可以独立于尺寸控制轴数?,javascript,jquery,flot,Javascript,Jquery,Flot,基本上我想画这样的东西:(网格线,而不是图形) 似乎如果tickSize设置为1(如下),则会绘制一组线,并在其下方绘制相应的轴号 xaxis, yaxis: { show: true, min: -20, max: 20, tickSize: 1, tickLength: 0 } 如果未设置(如下),图表将自动每5个单位绘制一个单位及其编号 xaxis, yaxis: { show: true, min: -20, max: 2
xaxis, yaxis: {
show: true,
min: -20,
max: 20,
tickSize: 1,
tickLength: 0
}
如果未设置(如下),图表将自动每5个单位绘制一个单位及其编号
xaxis, yaxis: {
show: true,
min: -20,
max: 20,
tickLength: 0
}
我希望网格线每1个单位,但数字每5个,但我没有看到一个方法来做到这一点 您可以使用数组手动指定记号标签:
ticks: [[0, "0"], [1, ""], [2, ""], [3, ""], [4, ""], [5, "5"]],
或者,您可以指定一个函数来执行此操作:
ticks: function(axis) {
var tickArray = [[0,"0"]];
for(var i=axis.min; i<axis.max+1; i++) {
var label = i%5?"":i;
tickArray.push([i, label]);
}
return tickArray;
},
演示:可以放在三元运算符中吗?我正在使用网格切换为用户生成和删除网格。但这不起作用:_opts.xaxes[i].tickFormatter=_opts.xaxes[i].tickFormatter==null?函数(val,axis){返回val%5?”:val;}:null;这里似乎有用:您是否记得使用
setupGrid()
和draw()
重新绘制图形/网格?
tickSize: 1,
tickFormatter: function (val, axis) {
return val%5?"":val;
}