openflashchart中的tool_tip属性

图表统计的工具较好用的我所知有三:jfreechart,fusionchart,openflashchart

下面挨个简单说一下

1.jfreechart,我没用过,是java实现的图表统计开源包,api操作数据源,优点是开源,而且由于是java实现,移植性较好,不依赖web.缺点也是因为java,生成的图表图片不好看..

2.fusionChart,flash实现的,功能很强大,我之前给公司内部做的统计图表功能就是封装它后实现的,当时其强大的功能令我结舌,我所知的统计图表功能完全都能实现.除此之外优点主要有完善的文档,和精美的展示效果(flash的嘛,效果一般差不了).xml数据源,url或字符串都可以.

缺点:不开源,商业应用是要付费的,不过也提供了免费版本,我觉得主要差别是展示效果粗糙了一点,而且xml数据结构完全不同.因为是flash实现,依赖web

3.openflashchart,也是flash实现(显示效果肯定差不了),正在学习.功能也很强大,不过还没完善,但绝大部分图表功能已能正常使用.用的数据源是自定义的字符串结构.优点是开源和显示效果.缺点是文档不完善,官网只给了php的演示.而且数据源是自定义的,需要自己封装后使用.而且依赖web.

 

为了以后能无所顾忌的应用,开始学习openflashchart,今天学习了下tool_tip的使用,也就是鼠标放到数据项上时显示的标签,记录下来.

官网给出的例子中的数据是这样的

&title=Tool+Tip+Example,{font-size: 35px; color: #738995}&
&x_legend=2007,12,#000000&
&x_axis_steps=1&
&y_legend=Money,12,#000000&
&y_ticks=5,10,2&
&bar=50,#7D8E99,Earnings,10&
&line_hollow_2=3,#799191,Savings,10,5&
&values=3,4,2,3,2,3,4,2,4&
&values_2=4,6,6,4,4,6,7,5,6&
&x_labels=Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep&
&y_min=0&
&y_max=10&
&bg_colour=#F0F0F0&
&x_axis_colour=#FFFFFF&
&x_grid_colour=#FFFFFF&
&y_axis_colour=#FFFFFF&
&y_grid_colour=#FFFFFF&
&inner_background=#DDEFFA,#CBD7E6,90&
&tool_tip=%23key%23%3A+%A3%23val%23.00+%28%23x_label%23%23comma%23+%23x_legend%23%29%3Cbr%3EKey%3A+%23key%23%3Cbr%3EX+Label%3A+%23x_label%23%3Cbr%3EVal%3A+%A3%23val%23.00%3Cbr%3EX+Legend%3A+%23x_legend%23&

其中最后一行是tool_tip属性
&tool_tip=%23key%23%3A+%A3%23val%23.00+%28%23x_label%23%23comma%23+%23x_legend%23%29%3Cbr%3EKey%3A+%23key%23%3Cbr%3EX+Label%3A+%23x_label%23%3Cbr%3EVal%3A+%A3%23val%23.00%3Cbr%3EX+Legend%3A+%23x_legend%23&
url解码后是
&tool_tip=#key#: #val#.00 (#x_label##comma# #x_legend#)<br>Key: #key#<br>X Label:#x_label#<br>Val: #val#.00<br>X Legend: #x_legend#$
显示的效果是

Savings :6.00(May,2007)
key:Savings
x_label:May
val:6.00
x legeng:2007

其中的对应关系很怪的,可是还是能用效果里分析出来.