javascript - 删除浮动图表上的刻度条

Question

是否可以删除浮动图表上 x 和 y 轴上的刻度条？

我目前拥有的图片

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

Answer 1

您是否尝试过配置轴，例如：

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

希望能帮助到你

Answer 2

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

这就是我所做的。

1) 在 x/yaxis 选项中添加了 'tickBar'。（如果为 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，因此看不到。