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作者的一些一致意见,即这是一个好主意。