open flash char 横向柱状图的生成

open flash char 横向柱状图的生成。

详情可以看：http://teethgrinder.co.uk/open-flash-chart-2/tooltip-hover.php

json格式如下：

{ "elements": [ { "type": "hbar", "values": [ { "right": 4 }, { "right": 8 }, { "right": 3 }, { "right": 4 }, { "right": 7 }, { "right": 8 } ], "colour": "#86BBEF", "tip": "Months: #val#" } ], "title": { "text": "Total hours on project mayhem" }, "x_axis": { "offset": false, "min": 0, "max": 10 }, "y_axis": { "offset": 1, "labels": [ "Jeff", "Geoff", "Bob", "Terry", "Duncan", "monk.e.boy" ] }, "tooltip": { "mouse": 2, "stroke": 1, "colour": "#000000", "background": "#ffffff" } }

以上最主要的有几个地方:

一是设置type:hbar，表示横向柱状图，valuees数组里的每个元素都是一个对象{ "right": 4 }，right表示向右延伸的单位值。

二是y轴(y_axis)的labels数组必须是倒序排列，如此才能对应上数据。

三是提示条：tooltip，是设置鼠标滑过图表的提示。一般是当前点位的值。(如果不设置此属性，则在显示横向柱状图时，鼠标滑过提示不正确)。