«Flipping/Mirroring» a Flot chart

Question

Я использую фреймворк, называемый Lorikeet, который построен на основе флеша Javascript. В настоящее время я могу использовать их основное использование диаграмм, и это показывает хороший график, как, например:

Однако, моя конечная цель состоит в том, чтобы иметь два различных графиков выстроен, как например:

Мой основной вопрос: как я могу «перевернуть/зеркально отобразить» карту флота?

По существу, как это сделать, чтобы я мог показывать проценты, спускающиеся с 100% до 0% и обратно на 100% вверх, а также показать «зеркальный» набор данных, который растет вниз в зависимости от интенсивность?

EDIT:

Вот что я сделал до сих пор: http://hologos.org/stackoverflow/html/example_use%20-%20Copy.html я только был в состоянии создать два отдельных графиков, которые имели такую ​​же функциональность масштабирования, как оригинал.

Answer 1

Вот пример, который рисует две карты флота, один - зеркало другого. Ключ использовать 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.