在Flot中,是否可以在不消除相应标签的情况下消除或隐藏网格记号



Flot API文档描述了库用于自定义图形轴的大量挂钩。可以为每个轴分别设置刻度数、颜色等。然而,我不知道如何在不删除x轴标签的情况下防止Flot绘制垂直网格线。我尝试过更改tickColor、ticks和tickSize选项,但没有成功。

我想创建漂亮的、Tufte兼容的图形,比如:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint.gifhttp://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

我发现我的图表上的垂直刻度是图表垃圾。我正在处理一个时间序列,我将其显示为垂直条,因此垂直刻度通常以视觉上嘈杂的方式穿过条。

正如Laurmann所指出的,Flot在不断发展。控制这种情况的能力已添加到API中(如Nelson所链接的flot问题中所述)。

如果你下载了最新版本(仍然标记为0.6),你可以用"tickLength"禁用轴上的线,比如:

xaxis: {
  tickLength: 0
}

令人恼火的是,API文档中并没有更新此添加。

这篇文章比OP和Flot(现在的版本0.6)晚了两年多,在那段时间里可能已经进化了很多,或者可能有比它更好的选择,但无论哪种情况,这里都是我的贡献。

我无意中遇到了一个解决这个问题的方法:将网格的刻度颜色的alpha通道设置为完全透明。例如:

var options =   {
      grid:   {show: true,
               color: "rgb(48, 48, 48)",
               tickColor: "rgba(255, 255, 255, 0)",
               backgroundColor: "rgb(255, 255, 255)"}
    };

适用于我。

经过一番挖掘,我确信通过Flot API是不可能的。尽管如此,如果你真的很脏,你可以这样做——我已经发布了一个例子的修改版本。View-source显示了整个丑陋。

要避免选项中的记号,只需在相应的轴中给出记号:[]

从2009年6月开始,有flot问题167,这是对这个确切功能的请求。包括两个实现和flot作者的一些一致意见,即这是一个好主意。

相关内容

最新更新