2012-03-31 117 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