2012-03-31 122 views
3

我想在標準笛卡爾平面上繪圖,因此x軸上的1個單位與y軸上的1個單位具有相同的長度。我也使用導航插件來縮放和平移。無論如何,我可以有這個約束嗎?在Flot api中找不到任何關於此的內容。Flot:如何讓x和y軸保持相同的比例?

感謝,

回答

1

我不得不做類似的事情,這是第一個測試:fiddle
主要的一點是,你在相同的比例的寬度和高度設置爲中軸線的最高值您的佔位符DIV:

options.xaxes[0].max = options.yaxes[0].max * $('#ph').width()/$('#ph').height(); 
$.plot($('#ph'), data, options); 
在你的提琴
+0

,你必須包括jquery.flot.navigate.js除非它不會work.here編輯小提琴http://jsfiddle.net/mBcPb/1/ – 2014-06-16 08:38:33

+0

@ ThusithaSumanadasa我的小提琴適用於寬高比,但不包括縮放和平移ING。 – Raidri 2014-06-16 08:50:56

+0

@ Raidri-我提到它是因爲你增加了縮放和平移到你的小提琴。如果你沒有將jquery.flot.navigate.js添加到你的小提琴中,添加縮放和平移屬性是沒用的 – 2014-06-16 13:17:19