使用jQuery.flot反转Y轴
使用jQuery.flot反转Y轴
提问于 2011-03-17 22:53:50
我正在使用jQuery.flot在我的项目中创建自定义图表，但我需要颠倒Y轴的顺序。现在，在botton是最小值，在top de max值，我需要在botton有最大值，在顶部有最小值。
这是我的例子：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>
非常感谢你的帮助
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-03-17 23:14:58
不幸的是，这在flot 0.6 (当前版本)中没有得到很好的支持。
不过，如果您愿意使用开发版本(http://code.google.com/p/flot/source/checkout)，还是有希望的：
Issue #263特别提到了这一点，并且在r303中进行了修复
你最好的办法就是看看最新的源码，看看它是如何工作的！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5346275
复制相关文章
相似问题
输入类型号递增追加编号而不是递增
递增/递减值而不过度
mysql中的递减值而不是负值
Material onClick to递增或递减值
AVR汇编，从数据存储器中递增和递减值
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
