“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; }
                        } 
                   }
);

示例here。