Question

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

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

Answer 1

您是否尝试过如下配置轴：

xaxis: {
  tickLength: 0
}

yaxis: {
  tickLength: 0
}

参考here。

更新以回应您的上次评论

由于没有这样的选项，一种可能的解决方法可能是为您的图表背景上的标记栏添加颜色，就像您现在拥有的那样。

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 */
}

希望有所帮助

Answer 2

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

这就是我的所作所为。

1）将'tickBar'添加到x / yaxis选项中。（如果为true，则显示tickBar ..默认值：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，因此无法看到。

删除flot图表上的刻度线栏

2 个答案:

更新以回应您的上次评论