- 浏览: 135531 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
522823979:
JXL POI 导出excel 包括图片 -
贝塔ZQ:
实现导出excel文件和图片,感觉用poi和jxl代码量好多, ...
JXL POI 导出excel 包括图片 -
bmpbhg:
和你的类似,不过我这边报的是
org.dom4j.Docume ...
Servlet 接受解析HTTP请求XML数据,返回XML -
Wuaner:
引用Non Field Validators排在前面的先执行 ...
struts2 内建效验器 -
timelion:
请将正式简历发送至
timelion@163.com
找工作中...放上简历,求推荐
有时候我们的数据并不是连续的,例如我们有一个反映每个月销售额的图形,然而,五月和六月的数据我们缺失了,像这种情况我们该如何处理呢?
FCF早就想到这个问题了,我们看看下面的代码:
我们看到,上面五月和六月的数据里,并没有value这个属性。
如果把这样的数据放到一个柱状图里,效果如下:
图片1
在五月和六月那里没有柱子。这就是我们想要的效果。
如果把这样的数据放到一个曲线图里,效果如下:
图片1
同样的,五月和六月那里没有线段,它是缺失的。
如果你想连五月和六月的标签都不显示,你可以这样:
<set />
当然,你还可以干脆连<set />都不要。不过那样会让看图的人容易误解,因为人们一般都会以为是按顺序来排列月份的。
多系列的图形也可以放置这样的断点数据。看下面的图:
上图的XML数据如下:
在category 元素里有个showName属性,当值为1时,就会显示;当值为0时,就不显示,哪怕给它提供了相应的数据。上面代码虽然有很多category,但是只有9个值为1的,所以图形里只显示了9个。
再看看dataset里有很多<set />,这就是没有数据。所以在图里我们看到了很多的断点。
FCF早就想到这个问题了,我们看看下面的代码:
<graph> <set name='Jan' value='420' /> <set name='Feb' value='295' /> <set name='Mar' value='523' /> <set name='Apr' value='473' /> <set name='May' /> <set name='Jun' /> <set name='Jul' value='354' /> <set name='Aug' value='457' /> <set name='Sep' value='127' /> <set name='Oct' value='354' /> <set name='Nov' value='485' /> <set name='Dec' value='486' /> </graph>
我们看到,上面五月和六月的数据里,并没有value这个属性。
如果把这样的数据放到一个柱状图里,效果如下:
图片1
在五月和六月那里没有柱子。这就是我们想要的效果。
如果把这样的数据放到一个曲线图里,效果如下:
图片1
同样的,五月和六月那里没有线段,它是缺失的。
如果你想连五月和六月的标签都不显示,你可以这样:
<set />
当然,你还可以干脆连<set />都不要。不过那样会让看图的人容易误解,因为人们一般都会以为是按顺序来排列月份的。
多系列的图形也可以放置这样的断点数据。看下面的图:
上图的XML数据如下:
<graph caption='Discontinuous Data Demo' numdivlines='4' showgridbg='1' showhovercap='1' lineThickness='1' animation='1' hoverCapSepChar=' ' anchorScale='0' showNames='1' showValues='0' numVDivLines='12' anchorscale='0' rotateNames='1'> <categories> <category name='5/2001' showName='1'/> <category name='6/2001' showName='0'/> <category name='7/2001' showName='0'/> <category name='8/2001' showName='1'/> <category name='9/2001' showName='0'/> <category name='10/2001' showName='0'/> <category name='11/2001' showName='1'/> <category name='12/2001' showName='0'/> <category name='1/2002' showName='0'/> <category name='2/2002' showName='1'/> <category name='3/2002' showName='0'/> <category name='4/2002' showName='0'/> <category name='5/2002' showName='1'/> <category name='6/2002' showName='0'/> <category name='7/2002' showName='0'/> <category name='8/2002' showName='1'/> <category name='9/2002' showName='0'/> <category name='10/2002' showName='0'/> <category name='11/2002' showName='1'/> <category name='12/2002' showName='0'/> <category name='1/2003' showName='0'/> <category name='2/2003' showName='1'/> <category name='3/2003' showName='0'/> <category name='4/2003' showName='1'/> </categories> <dataset seriesname='Series 1' color='00A900' showValue='0' lineThickness='2' yaxismaxvalue='100' anchorAlpha='0'> <set /> <set /> <set /> <set value='0' /> <set value='1' /> <set value='2' /> <set value='3' /> <set value='5' /> <set value='8' /> <set value='11' /> <set value='16' /> <set value='23' /> <set value='31' /> <set value='40' /> <set value='49' /> <set value='59' /> <set value='68' /> <set /> <set /> <set value='89' /> <set value='94' /> <set value='97' /> <set value='99' /> <set value='100' /> </dataset> <dataset seriesname='Series 2' color='0000FF' showValue='0' lineThickness='2' yaxismaxvalue='100' anchorAlpha='0'> <set /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='1' /> <set value='1' /> <set value='1' /> <set value='1' /> <set value='6' /> <set value='26' /> <set value='43' /> <set /> <set /> <set /> <set /> <set value='43' /> <set value='53' /> <set value='66' /> <set value='78' /> <set value='91' /> <set /> <set /> <set /> </dataset> </graph>
在category 元素里有个showName属性,当值为1时,就会显示;当值为0时,就不显示,哪怕给它提供了相应的数据。上面代码虽然有很多category,但是只有9个值为1的,所以图形里只显示了9个。
再看看dataset里有很多<set />,这就是没有数据。所以在图里我们看到了很多的断点。
发表评论
-
基于wp_poll开发满意度调查
2010-12-03 10:23 1144最近换了公司,试用期给公司改造内部网. 试用wordpress ... -
png图片透明ie6解决
2010-11-17 16:31 933// 图片透明 function setPng(img, ... -
Jquery 应用收集
2010-07-14 09:49 17951.结合时间控件WdatePicker使用,根据radio值不 ... -
原生AJAX 实现级联select
2010-02-22 15:15 4112由于是在客户上的框架上做开发,因为是比较老的框架,ajax框架 ... -
JS知识
2010-02-05 13:19 932JavaScript节点操作DOMDocument属性和方法 ... -
CSS知识
2010-01-07 15:01 797虽然我不是美工,也不专门去学CSS,但是项目中遇到的一些技巧还 ... -
HTML
2009-12-04 14:54 8641.标签map-- 定义图像点击区域的集合 map 标签 m ... -
JS函数收集--001
2009-11-30 09:52 929记录下开发过程中常用到的JS问题 1. 直接获取对性属性, ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十四章--在JSP里使用FCF
2009-11-25 16:05 2040前面我们讲的例子里,都是采用HTML或JavaScript来显 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十二章--FCF中的特殊字符
2009-11-25 15:52 1673在FCF里,如果要在图形里用到一些特殊的字符,你就要对它进行编 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十一章--FCF中的基本数字格式
2009-11-25 15:51 1891在我们的报表里,经常要对数值进行一些格式化,如小数位,千分位等 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十章--FCF中的下钻
2009-11-25 15:46 1536在我们开发图形报表时,你可能会遇到这样的需求:用户要求点击柱状 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第九章--动态改变图形的类型和数据
2009-11-25 15:44 3250在前面的章节里,我们已经了解了图形的基本使用方法以及图形XML ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第八章--FusionCharts Free和组合图XML
2009-11-25 15:42 2941本章我们来看看什么是组合图形,以及它的XML是怎么写的。 什 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第七章--FusionCharts Free和XML
2009-11-25 15:40 2490FusionCharts使用XML来创建和控制图形。 数据类 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第六章--FusionCharts Free图形的基本元素
2009-11-25 15:38 2486在我们了解了FCF的各种使用方法以后,我们就会发现,其实我们要 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第五章--FusionCharts Free使用dataXML加载数据
2009-11-25 15:34 1962在前面的例子里,我们使用的数据都是一个单独的XML文件,它可以 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第四章--FusionCharts Free使用JavaScript加载图形
2009-11-25 15:32 2205在上篇文章里,我们做 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第三章--FusionCharts Free我的第一个图形
2009-11-25 15:30 2733在介绍完了FCF的下载安装以后,现在,我们终于要开始创建我们的 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第一章--FusionCharts Free介绍
2009-11-25 15:28 2054FusionCharts是InfoSoft Global公司的 ...
相关推荐
FusionCharts Free 的最新版本v2.1带来了若干改进,包括对JSP和Ruby on Rails的集成支持、FusionCharts DOM的优化、.Net使用代码和文档的更新、新的PHP API、对双引号的支持以及UTF-8编码的示例。所有这些改进旨在...
在《FusionCharts Free开发指南中文教程》中,你将了解到如何充分利用这个工具来创建引人入胜的数据展示。这份文档通常会涵盖以下关键知识点: 1. **安装与设置**:首先,你需要了解如何下载和安装FusionCharts ...
《FusionCharts Free中文开发指南 (完全版)》是一份详尽的教程,旨在帮助开发者掌握FusionCharts Free这款强大的图表生成工具。FusionCharts Free是一款JavaScript库,它能够为Web应用程序提供丰富的交互式图表,...
**FusionCharts Free中文开发指南** FusionCharts是一款强大的数据可视化工具,专为创建交互式图表和图形而设计。FusionCharts Free是其免费版本,适用于个人和非商业项目,提供了一系列基本图表类型,帮助开发者将...
**FusionCharts Free中文开发指南**是一本专为开发者准备的详细教程,旨在帮助读者深入理解和熟练使用FusionCharts Free这款强大的图表库。FusionCharts是一款基于JavaScript和Flash的交互式图表解决方案,它能轻松...