同步Flotr2 Chart的鼠标跟踪

同步Flotr2 Chart的鼠标跟踪比起同步Flex Chart的数据提示要麻烦,而且Flotr与Flotr2调用的API还不一样。Flotr中的“flotr:hit”事件对象有一个memo属性,而Flotr2中的“flotr:hit”事件对象其实就是一个nearest对象。不仅如此,在Flotr2中调用graph.hit(mouse);会报错,得使用graph.hit.drawMouseTrack(n);graph.hit.drawHit(n);来实现,详见本实例中的doHit函数: 继续阅读“同步Flotr2 Chart的鼠标跟踪”

限制鼠标跟踪在Flotr2图表范围中显示

Flotr2 hit插件很好用,但有一个缺点:鼠标跟踪有时会超出图表范围显示。如果图表是满屏显示,那这就是个Bug了。其实,很容易就能限制鼠标跟踪始终在图表范围中显示。原理是这样的:鼠标跟踪显示后,如果它的位置超出图表右端,需要重新定位到west方向;它的位置超出图表顶端,重新定位到south方向。依次类推。如下代码: 继续阅读“限制鼠标跟踪在Flotr2图表范围中显示”