首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Flash >

Flash图表控件FusionCharts怎么自定义图表上的垂直线

2013-08-29 
Flash图表控件FusionCharts如何自定义图表上的垂直线什么是垂直分割线垂直(或条形图中的水平)分隔线是用来

Flash图表控件FusionCharts如何自定义图表上的垂直线

什么是垂直分割线

垂直(或条形图中的水平)分隔线是用来帮助用户分隔数据块的。可以被放置在任何两个数据点,即使是不规则的间隔也可以。
Flash图表控件FusionCharts怎么自定义图表上的垂直线
?

XML代码如下:

?

从上面的XML可以看到,一个垂直分隔线将通过<set>元素中的<vLine>元素应用到图表中用户想要放置的位置进行使用。

如何设置垂直分隔线的位置

默认情况下,在图表中添加垂直分隔线,会出现在两个数据点之间。但是,用户可以通过设置linePosition属性的值(在0和1之间)将垂直分隔线放置在这两个数据点间的任意位置。0代表上一个数据,1代表下一个数据。

示例:

?

输出结果如下图所示:
Flash图表控件FusionCharts怎么自定义图表上的垂直线

在数据相同的情况下设置linePosition属性值为1,输出结果如下:
Flash图表控件FusionCharts怎么自定义图表上的垂直线
?

为垂直线添加标签

用户可以通过设置<vLine label='Your text' ..>为垂直线添加一个标签。

示例如下:

?

?

?

输出结果为
Flash图表控件FusionCharts怎么自定义图表上的垂直线
?

设置垂直线标签的位置

标签被设置为显示在画布顶端(labelPosition = ' 0 ')或在底部(labelPosition = ' 1 ')或两者之间的任何位置。在画布底部显示标签,需要使用下面的代码:

?


Flash图表控件FusionCharts怎么自定义图表上的垂直线
?

删除垂直线标签的边框

用户可以通过在图表级别进行设置删除垂直线标签边界

?

或者是通过在单个垂直线级别进行设置删除垂直线标签边界:


Flash图表控件FusionCharts怎么自定义图表上的垂直线
?

热点排行