1

Flot Javascript フレームワークから構築された Lorikeet というフレームワークを使用しています。現在、チャートの基本的な使用法を使用することができ、次のような素敵なグラフが表示されます。

ここに画像の説明を入力

ただし、私の最終的な目標は、2 つの異なるグラフを次のように並べることです。

ここに画像の説明を入力

私の基本的な質問は、Flot チャートを「フリップ/ミラーリング」するにはどうすればよいですか?

基本的に、100% から 0% に下降し、100% に戻るパーセンテージを表示し、強度に応じて下方に成長する「ミラーリングされた」データ セットを表示できるようにするにはどうすればよいですか?

編集：

これまでに行ったことは次のとおりです: http://hologos.org/stackoverflow/html/example_use%20-%20Copy.html 元のグラフと同じズーム機能を持つ 2 つの別個のグラフしか作成できませんでした。

4

1 に答える 1

4

これは、一方が他方のミラーである 2 つのフロート チャートを描画する例です。重要なのは、軸を「逆」に実行できるようにする yaxis 変換関数を使用することです。

var somePlot1 = $.plot("#placeholder", 
                  [ {data: d1} ],
                  { 
                      xaxis: { position: 'top'} // place on top
                  }
);
var somePlot2 = $.plot("#placeholder2", 
                  [ {data: d1} ],
                   { 
                       xaxis: { position: 'bottom'}, // place on bottom
                       yaxis: { 
                           ticks: [0.5, 1.0, 1.5, 2.0, 2.5], // custom ticks to avoid overlap on 0
                           transform: function (v) { return -v; }, // run the yaxis in reverse
                           inverseTransform: function (v) { return -v; }
                        } 
                   }
);

例はこちら。

ここに画像の説明を入力

于 2013-10-04T00:00:45.760 に答える