Question

Flot API documentation描述了库用于自定义图形轴的广泛钩子。您可以分别为每个轴设置刻度数，颜色等。但是，我无法弄清楚如何防止Flot绘制垂直网格线而不删除x轴标签。我尝试过更改tickColor，ticks和tickSize选项但没有成功。

我想创建漂亮的Tufte兼容图表，例如：

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

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

Answer 1

正如Laurimann所说，Flot继续发展。控制此功能的能力已添加到API中（如Nelson链接的flot问题中所述）。

如果您下载最新版本（仍然标记为0.6），您可以使用“tickLength”禁用轴上的行，如下所示：

xaxis: {
  tickLength: 0
}

相反令人讨厌的是，API文档中尚未更新此添加内容。

Answer 2

这篇文章比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)"}
    };

适合我。

Answer 3

经过一番挖掘，我很确定通过Flot API无法实现。然而，如果你变得非常脏，你可以做到 - 我已经发布了modified version of one example来做到这一点。 查看来源显示了整个丑陋。

Answer 4

要避免选项中的刻度，只需在相应的轴中给出刻度：[]

Answer 5

从2009年6月开始，有flot issue 167这是对此确切功能的请求。包括两个实现和flot作者的一些协议，这是一个好主意。

在Flot中，是否可以在不删除相应标签的情况下消除或隐藏网格刻度？

5 个答案: