Flotでは、対応するラベルを削除せずにグリッドティックを削除または非表示にできますか?
-
05-07-2019 - |
質問
Flot APIドキュメントは、軸をカスタマイズするためのライブラリの広範なフックについて説明しています。グラフの。軸ごとに目盛りの数や色などを個別に設定できます。ただし、x軸ラベルも削除しないと、Flotが垂直グリッド線を描画しないようにする方法はわかりません。 tickColor、tick、およびtickSizeオプションを変更しようとしましたが、成功しませんでした。
次のような美しいTufte互換のグラフを作成したい:
http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint .gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg
グラフの縦の目盛りがチャートのジャンクであることがわかりました。私は垂直バーとして表示する時系列で作業しているので、垂直の目盛りはしばしば視覚的にうるさい方法でバーをカットします。
解決
ローリマンが指摘したように、Flotは進化し続けています。これを制御する機能がAPIに追加されました(リンク先のNelson問題に記載されています)。
最新バージョン(まだ0.6とラベル付けされている)をダウンロードする場合、次のように" tickLength"を使用して軸上の線を無効にできます:
xaxis: {
tickLength: 0
}
やっかいなことに、この追加はAPIドキュメントで更新されていません。
他のヒント
この投稿は、OPとFlot(現在のバージョン0.6)がその間に大きく進化したか、またはそれよりも優れたオプションがあるかもしれないが、どちらの場合も私の貢献です。
この問題の回避策に偶然ぶつかりました:グリッドのティックカラーのアルファチャネルを完全に透明に設定します。例:
var options = {
grid: {show: true,
color: "rgb(48, 48, 48)",
tickColor: "rgba(255, 255, 255, 0)",
backgroundColor: "rgb(255, 255, 255)"}
};
私のために働く。
少し掘り下げた後、Flot APIを介してそれが不可能であることを確信しています。それにもかかわらず、本当に汚れたら、それをすることができます- 1つの例の修正版それを行います。 ソースを表示は全体のさを示しています。
オプションの目盛りを回避するには、対応する軸に目盛りを付けます:[]
2009年6月以降、問題167 があります。この正確な機能のリクエスト。 2つの実装と、それが良いアイデアであるという作者からの同意が含まれています。