Flotr2简介

Flotr2是Flotr的分支,它有独立版和插件版。独立版对旧版本做了不少改进,不但移除了对Prototype的依赖还改进移动设备的支持,比如支持Touch事件。数据系列也有了改进,构成系列的每个数组可以支持多个元素,旧版的只支持两个(对应x和y)。插件版可灵活选择并自由扩展插件。详见Flotr2官网:http://www.humblesoftware.com/flotr2

官网提供的插件版实例适合演示Flotr2的全部功能特性,但不太适合入门学习。其实只要你有Flotr的基础,只要导入必需的js文件就行了。通常情况下,除了imagediff.js和yepnope.js,lib和js根目录下的全部的js文件是不可少的,应该最先加载,然后导入相应图表类型和插件所需的js文件。比如要绘制直线或区域图,需要导入lines.js和points.js。如果要绘制标签、网格线和ToolTip,需要导入labels.js、grid.js和hit.js。其它的代码就和以前的一样了。具体请参看我用Flotr2插件版改写的两个实例:

可以看到,上面的实例有用到Jquery而不是Prototype。当然也可以都不用。另外个人觉得鼠标跟踪和十字线应该在hit事件触发时同时绘制,因此我将Crosshair功能整合到hit.js中了。还有对xaxis扩展了一种mode:timeEx,详见我前面写的文章。

《Flotr2简介》有3个想法

发表评论