4

Flot グラフの軸で数値以外の値を取得するにはどうすればよいですか?

たとえば、私がしたいY軸では（くだらないグラフを許してください）：

/*
    A|
    B|          _/*----------*
    C|        _/              \
    D|      _/                 \
    E|    _/                    \
    F|   /                       \
    G|  *                         *
      --------------------------------
       100        200       300   400

提供するデータは次のようになります。 var data = [[100, 'G'], [200, 'B'], [300, 'B'], [400, 'G']];

4

2 に答える 2

6

次のように、テキストをティック値に関連付けることもできます。

ticks: [[0, "G"], [1, "F"], [2, "E"], [3, "D"]], // so on

このようにすることの良い点は、実行時に AJAX 呼び出しから完全に制御できることです (JSON を使用して軸構成を渡すと仮定します) が、現在投稿されているソリューションにはハードコーディングされた関数が必要です。

于 2010-11-29T16:12:35.930 に答える
4

関数をフィードしてtickFormatter、軸をマークアップできます。と仮定するG = 0とA = 6：

var data = [[100, 0], [200, 5], [300, 5], [400, 0]];

$.plot($("#placeholder"), [data], {
    yaxis: { tickFormatter: function (v, axis) {
        return "GFEDCBA".charAt(v);
      }
    }
});

フロットの例

このcharAt関数は単純に y 軸の値 (0、5、5、0) を取り、その位置に対応する文字列から文字を返します。

于 2010-10-06T22:13:58.627 に答える