文档章节

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

头顶锅盖
 头顶锅盖
发布于 2013/08/21 14:54
字数 603
阅读 27
收藏 0

什么是垂直分割线

垂直(或条形图中的水平)分隔线是用来帮助用户分隔数据块的。可以被放置在任何两个数据点,即使是不规则的间隔也可以。

XML代码如下:

<chart caption='Monthly Revenue' xAxisName='Month' yAxisName='Revenue' 
       numberPrefix='$' showValues='0'>
     <set label='Oct' value='420000' />
     <set label='Nov' value='910000' />
     <set label='Dec' value='680000' />
     <vLine/>
     <set label='Jan' value='720000' />
     <set label='Feb' value='810000' />
     <set label='Mar' value='510000' />
</chart>

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

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

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

示例:

<chart caption='Monthly Revenue' xAxisName='Month' yAxisName='Revenue'
       numberPrefix='$' showValues='0'>
    <set label='Oct' value='420000' />
    <set label='Nov' value='910000' />
    <set label='Dec' value='680000' />
    <vLine linePosition='0'/>
    <set label='Jan' value='720000' />
    <set label='Feb' value='810000' />
    <set label='Mar' value='510000' />
</chart>

输出结果如下图所示:

在数据相同的情况下设置linePosition属性值为1,输出结果如下:

为垂直线添加标签

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

示例如下:

<chart caption='Monthly Revenue' xAxisName='Month'  yAxisName='Revenue'
       numberPrefix='$' showValues='0'>
    <set label='Oct' value='420000' />
    <set label='Nov' value='910000' />
    <set label='Dec' value='680000' />
    <vLine label='2009'/>
    <set label='Jan' value='720000' />
    <set label='Feb' value='810000' />
    <set label='Mar' value='510000' />
</chart>

输出结果为

 

设置垂直线标签的位置

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

<chart caption='Monthly Revenue' xAxisName='Month'  yAxisName='Revenue'
       numberPrefix='$' showValues='0'>
    <set label='Oct' value='420000' />
    <set label='Nov' value='910000' />
    <set label='Dec' value='680000' />
    <vLine label='2009' labelPosition='1'/>
    <set label='Jan' value='720000' />
    <set label='Feb' value='810000' />
    <set label='Mar' value='510000' />
</chart>

 


 

删除垂直线标签的边框

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

<chart showVLineLabelBorder='0' ..>
或者是通过在单个垂直线级别进行设置删除垂直线标签边界:
<vLine showLabelBorder='0' ..>

 

© 著作权归作者所有

头顶锅盖
粉丝 1
博文 25
码字总数 14223
作品 0
澳门
私信 提问
加载中

评论(0)

FusionCharts常见问题FAQ及解决方法(FusionCharts 100问)

当你利用FusionCharts创建图表时报错,原因是多方面的。本文总结了一些常见问题及解决方法供大家参考,希望对大家有帮助。 FusionCharts 设置字体大小 FusionCharts服务器要求有要求吗? 如何...

flyingsnail
2014/04/25
2.5K
0
FusionCharts生成Flash图表常见问题FAQ

本文主要汇总了FusionCharts生成Flash图表时的一些常见问题(FAQ)以及解决方法/调试方法,欢迎交流!>>>参考FusionCharts使用教程 问题描述:利用FusionCharts创建Flash图表时,能否直接从数...

panda456
2013/01/29
317
0
FusionCharts图表控件常见问题解答FAQ

由于最近有不少网友咨询FusionCharts图表的一些常见问题,如安装和配置,导出格式,数据源等等,因此慧都小编特意整理了一些FusionCharts的FAQ供大家参考。>>>下最新版FusionCharts v3.2.2-S...

panda456
2013/01/17
124
0
2012年度FusionCharts图表控件最受欢迎文章精选(上)

本文主要整理了2012年度FusionCharts图表控件最受欢迎的文章,如使用教程,帮助文档,实例,演示,下载地址,参数大全,选型对比等等,希望对FusionCharts使用者有帮助,欢迎交流与评论! Fu...

nautygirl
2013/01/15
200
0
Flash图表FusionCharts & Open Flash Chart选型分析

对企业而言,选择一款合适的图表控件是一项非常复杂的任务,因为所选择的图表控件不仅要符合目前的需求还需要考虑未来的需求变化因素。所以,在选择Flash图表的时候,你常常需要评估以下几点...

Leamontea
2012/11/30
1.8K
0

没有更多内容

加载失败,请刷新页面

加载更多

Python学习06.09:什么是描述符,Python描述符详解

Python 中,通过使用描述符,可以让程序员在引用一个对象属性时自定义要完成的工作。 本质上看, 描述符就是一个类,只不过它定义了另一个类中属性的访问方式。换句话说,一个类可以将属性管...

qwz185_堡垒
11分钟前
27
0
一文教你如何用Redis构建高性能锁

前言 在这里粗略的说一下,zk锁性能比redis低的原因:zk中的角色分为leader,flower,每次写请求只能请求leader,leader会把写请求广播到所有flower,如果flower都成功才会提交给leader,其实...

JAVA一方
16分钟前
27
0
java面向对象2(3)继承内存图+final详解

一. 继承内存图示 继承内存图:先父后子 继承中,方法是如何调用: 先去子类找方法,能找到就使用 如果找不到,去父类中找 如果父类也找不到,就去父类的父类找。 如果继承树上都找不到,最终...

煌sir
19分钟前
46
0
多线程——系列四

线程基本方法 线程相关的基本方法有 wait,notify,notifyAll,sleep,join,yield 等。 线程等待( wait ) 调用该方法的线程进入 WAITING 状态,只有等待另外线程的通知或被中断才会返回,...

李向1994
21分钟前
42
0
SQL查询结果数据排序(二)

> 【SQL从一点一滴分析系列文章】为实际开发中的点点滴滴的总结,从最最简单的SQL 查询 到 综合分析查询 在分析 SQL 时,也会同时分析 mybatis 、Hibernate 中的相关操作 点击查看详情 > 本节...

赵子龙
27分钟前
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部