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

StackOverflow https://stackoverflow.com/questions/169894

  •  05-07-2019
  •  | 
  •  

题

Flot API文档描述了库用于自定义轴的广泛钩子图表。您可以分别为每个轴设置刻度数，颜色等。但是，我无法弄清楚如何防止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

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

有帮助吗？

解决方案

正如Laurimann所说，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无法实现。然而，如果你真的很脏，你可以这样做 - 我已经发布了一个例子的修改版本哪个做到了。 查看来源显示了整个丑陋。

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

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top