17

Flot API ドキュメントでは、グラフの軸をカスタマイズするためのライブラリの広範なフックについて説明しています。軸ごとに目盛りの数や色などを個別に設定できます。ただし、x 軸のラベルも削除せずに Flot が垂直グリッド線を描画しないようにする方法がわかりません。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

グラフの垂直の目盛りがチャートのジャンクであることがわかりました。縦棒として表示している時系列で作業しているため、縦の目盛りが視覚的にうるさい方法で棒を切断することがよくあります。

4

5 に答える 5

58

Laurimannが指摘したように、Flotは進化を続けています。これを制御する機能がAPIに追加されました（Nelsonがリンクしているflotの問題に記載されています）。

最新バージョン（まだ0.6のラベルが付いています）をダウンロードすると、次のように「tickLength」を使用して軸上の線を無効にできます。

xaxis: {
  tickLength: 0
}

むしろ厄介なことに、この追加はAPIドキュメントで更新されていません。

于 2011-01-14T20:11:10.370 に答える
8

この投稿は、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)"}
    };

私のために働きます。

于 2010-12-31T11:08:46.820 に答える
6

少し掘り下げてみたところ、FlotAPIでは不可能だと確信しています。それにもかかわらず、あなたが本当に汚れた場合、あなたはそれを行うことができます-私はそれを行う1つの例の修正版を公開しました。ソースを表示すると、全体の醜さが表示されます。

于 2008-10-06T11:57:35.507 に答える
2

2009 年 6 月から、まさにこの機能のリクエストであるflot issue 167があります。2 つの実装と、それが良いアイデアであるという flot の作成者からの同意が含まれています。

于 2009-08-18T18:47:26.420 に答える