使用jQuery.flot反轉Y軸

我正在使用jQuery.flot在我的項目中創建自定義圖表，但是我需要反轉Y軸的順序。現在，在底部是最小值和頂部最大值，我需要在底部有最大值，最小值在頂部。使用jQuery.flot反轉Y軸

這是我的例子：http://pastehtml.com/view/1doilsa.html

但inverseTransform選項似乎不起作用。

 <body> 
    script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" 
    script type="text/javascript" src="http://flot.googlecode.com/svn/trunk/jquery.flot.js" 

    <div class="plot-lines" style="width: 500px; height: 400px;"></div> 

    <script type="text/javascript"> 
    $.plot($('.plot-lines'), 
     [{ 
      data: [ [0, null], [1, 3], [2, 6], [3, 2], [4, null] ], 
      lines: { 
       show: true 
      }, 
      points: { 
       show: true 
      } 
     }], 
     { 
      xaxis: { 
       ticks: [ [0, ''], [1, 'Race 1'], [2, 'Race 2'], [3, 'Race 3'], [4, ''] ] 
      }, 
      yaxis: { 
       tickDecimals: 0, 
       inverseTransform: function (v) { return -v; } 
      } 
     } 
    ); 
    </script> 
</body>

非常感謝您的幫助

來源

2011-03-17 Lito

不幸的是，這不是很好的海軍報0.6（當前版本）的支持。

有希望不過，如果你願意使用開發版本（http://code.google.com/p/flot/source/checkout）：

Issue #263特別是關於這一點，這固定在r303

最好的辦法就是查看最新的源代碼並觀看它的工作！

來源

2011-03-17 23:14:57 Ryley

謝謝！奇蹟般有效！ – Lito 2011-03-17 23:51:19

flot的v0.7剛剛發佈，所以你可以更新到這一點，有一些很好的支持下一個好！ – Ryley 2011-03-22 15:30:16

使用jQuery.flot反轉Y軸

回答

相關問題