“Flipping / Mirroring”一個Flot圖表

Question

我正在使用一個名為Lorikeet的框架，它是基於Flot Javascript框架構建的。 目前我可以使用他們對圖表的基本用法，它顯示了一個很好的圖形：

但是，我的最終目標是將兩個不同的圖表排成一行：

我的基本問題是如何“翻轉/鏡像”Flot圖表？

從本質上講，我如何能夠顯示百分比從100％降至0％並返回到升序100％，並顯示“鏡像”數據集，根據強度向下增長？

編輯：

這是我到目前為止所做的： http ： //hologos.org/stackoverflow/html/example_use%20-%20Copy.html我只能創建兩個獨立的圖形，它們具有與原始圖像相同的縮放功能。

Answer 1

這是一個繪制兩個flot圖表的示例，一個是另一個的鏡像。 關鍵是使用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; }
                        } 
                   }
);

這里的例子。