Javascript 删除flot图表上的勾号栏

Javascript 删除flot图表上的勾号栏,javascript,jquery,charts,flot,Javascript,Jquery,Charts,Flot,是否可以删除flot图表上x轴和y轴上的刻度线 我想删除两个系列标签之间的灰色条是否尝试将轴配置为: xaxis: { tickLength: 0 } yaxis: { tickLength: 0 } 参考资料 更新以回应您最后的评论 由于没有这样的选项,一个可能的解决方法是将勾号栏的颜色与图表背景和勾号的颜色相同,就像您现在看到的那样 xaxis: { color: /* same as your background color */ tickColor: /*

是否可以删除flot图表上x轴和y轴上的刻度线


我想删除两个系列标签之间的灰色条

是否尝试将轴配置为:

xaxis: {
  tickLength: 0
}

yaxis: {
  tickLength: 0
}
参考资料

更新以回应您最后的评论 由于没有这样的选项,一个可能的解决方法是将勾号栏的颜色与图表背景和勾号的颜色相同,就像您现在看到的那样

xaxis: {   
  color: /* same as your background color */
  tickColor: /* different color, like the grayish one you have for the ticks */
}

yaxis: {   
  color: /* same as your background color */
  tickColor: /* different color, like the grayish one you have for the ticks */
}

希望它能有所帮助

我最终更改了flot源代码以允许这种情况发生

这就是我所做的

1) 在x/yaxis选项中添加了“tickBar”。(如果为true,则显示勾选栏..默认值:true) 2) 更改drawGrid函数以使用此选项

drawGrid()
...

//draw the ticks
axes = allAxes();
bw = options.grid.borderWidth;
xBar = (options.xaxis.tickBar !== undefined)? options.xaxis.tickBar:true; //new
yBar = (options.yaxis.tickBar !== undefined)? options.yaxis.tickBar:true; //new

...

if(!axis.innermost){
ctx.strokeStyle = axis.options.color;
ctx.beginPath();
xoff = yoff = 0;
if(axis.direction == "x"){
    if(xBar) //new
        xoff = plotWidth + 1; // new
} else {
    if(yBar) //new
        yoff = plotHeight + 1; //new
}

当tickBar设置为false时,偏移量保持为0,因此线的宽度/高度值为0,因此不可见。

这将不起作用。我希望在图表中保留线条,但不希望它们在刻度之间显示。@Geoff,编辑了我的答案。这可能是您的用例的一个可行的解决方法。尝试这样做会使实际的记号隐藏,但不会沿x轴或y轴显示条形,因此您希望删除x轴线条(和记号)但是保留网格标记?嘿,你是说设置
ticks=null