没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
转帖|其它|编辑:郝浩|2012-01-18 21:17:11.000|阅读 1607 次
概述:目前,在一些网站上,运用了动画的FLASH的图表,给网页增色不少。下面两张图就是“中国站长联盟”网站给注册用户统计网站访问量的图表的截图。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
目前,在一些网站上,运用了动画的FLASH的图表,给网页增色不少。下面两张图就是“中国站长联盟”网站给注册用户统计网站访问量的图表的截图。
这种带有动画效果的图表,立马使得网页亲切起来。
在网上搜索一番后,发现它使用的是FusionCharts的Flash图表。
FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是专业的Flash图形方案提供商,他们还有几款其他的基于Flash技术的产品,都非常的漂亮。
FusionCharts Free则是FusionCharts提供的一个免费版本,虽然免费,功能依然强大,图形类型依然丰富。
FusionCharts是用XML文件作为数据的载体。它从外部的XML文件获取数据,并根据数据显示动画图表。在XML中定义图表的各种属性,和图表的数据。在应用的时候,我们只要更改XML文件即可。
有关FusionCharts的图表的图形的基本元素,参看文章:FusionCharts Free图形的基本元素 和 FusionCharts栏目。这里不再赘述。
下面,将详述其中的一个图表(2D Line)中的XML的属性说明。
2D Line的XML的属性,官方文章地址:
http://www.fusioncharts.com/free/docs/?/XMLOverview.html
里面介绍了数十个属性,可是我们看看以下实例:
<graph caption='Monthly Sales Summary'
subcaption='For the year 2004' xAxisName='Month'
yAxisMinValue='15000' yAxisName='Sales' decimalPrecision='0'
formatNumberScale='0' numberPrefix='showNames='1'
showValues='0' showAlternateHGridColor='1'
AlternateHGridColor='ff5904' divLineColor='ff5904'
divLineAlpha='20' alternateHGridAlpha='5' >
<set name='Jan' value='17400' hoverText='January'/>
<set name='Feb' value='19800' hoverText='February'/>
<set name='Mar' value='21800' hoverText='March'/>
<set name='Apr' value='23800' hoverText='April'/>
<set name='May' value='29600' hoverText='May'/>
<set name='Jun' value='27600' hoverText='June'/>
<set name='Jul' value='31800' hoverText='July'/>
<set name='Aug' value='39700' hoverText='August'/>
<set name='Sep' value='37800' hoverText='September'/>
<set name='Oct' value='21900' hoverText='October'/>
<set name='Nov' value='32900' hoverText='November' />
<set name='Dec' value='39800' hoverText='December' />
</graph>
通篇只有15个属性,远少于官方文章介绍的属性。是这样的,如果在XML中没有输入这个属性,FusionCharts的2D Line图表就会用一个默认值,而各个属性的默认值,没有介绍,笔者通过测试,逐步摸索出各个属性的默认值。贴在这儿和大家交流,其中难免有疏漏,欢迎指正。
bgColor:默认值ffffff。背景色,颜色采用6位16进制的字符表示,分别表示三个三色分量。
bgAlpha:默认值100。背景Alpha,Alpha的取值范围是0—100。0是全透明,100是全不透明。
bgSWF:默认值是空字符。背景SWF文件。
canvasBgColor:默认值ffffff。画布背景色。
canvasBgAlpha:默认值100。画布背景Alpha。
canvasBorderColor:默认值000000。画布边框色,默认是黑色。
canvasBorderThickness:默认值2。画布边框宽度,0为表示不显示边框。
caption:默认值是空字符。图表的标题。
subCaption:默认值是空字符。图表的子标题
xAxisName:默认值是空字符。X轴文字
yAxisName:默认值是空字符。Y轴文字
yAxisMinValue:默认值是空字符。Y轴最小值。
yAxisMaxValue:默认值是空字符。Y轴最大值。
注:上面两个属性,如果用默认值的话,图表将采用数据,来计算Y轴的数值范围
shownames:默认值1。1表示显示点的名字,0表示不显示。
showValues:默认值1。1表示显示点的数值,0表示不显示。
showLimits:默认值1。1表示显示图表的数值的限制区间,0表示不显示。
rotateNames:默认值0。0表示点的名字显示时不旋转,1表示显示时旋转一个角度。
animation:默认值1。1表示显示动画,0表示不显示。
lineColor:默认值f8671d。折线颜色,该颜色是偏向橘黄的一种颜色。
lineThickness:默认值2。折线宽度。
lineAlpha:默认值100。折线Alpha。
showShadow:默认值1。1表示显示折线阴影,0表示不显示。如果该属性为0,则下列shadow打头的属性都无效。
shadowColor:默认值cccccc。阴影颜色,一种灰色。
shadowThickness:默认值2。阴影宽度。
shadowAlpha:默认值100。阴影Alpha 。
shadowXShift:默认值2。阴影水平位移,可以是负值。
shadowYShift:默认值2。阴影垂直位移,可以是负值。
showAnchors:默认值1。1表示显示锚点,0表示不显示。如果该属性为0,则下列anchor打头的属性都无效。
anchorSides:默认值是空字符。锚点的边数,默认值代表是圆形。可以取大于2的数值,3表示三角形,4表示正方形,依此类推。
anchorRadius:默认值2。锚点的半径。
anchorBorderColor:默认值f8671d。锚点的边框色。
anchorBorderThickness:默认值2。锚点的边框宽度。
anchorBgColor:默认值ffffff。锚点的背景色。
anchorBgAlpha:默认值100。锚点的背景Alpha。
anchorAlpha:默认值100。锚点的Alpha。
注:anchorAlpha属性设为0时,也是不显示锚点,不过如果showhovercap为1时,鼠标移到点上时,还能看到提示文字。而 showAnchors属性设为0时,虽然也不显示锚点,无论showhovercap取何值,鼠标移到点上时,是看不到提示文字。
baseFont:默认值Verdana。画布内的字体。
baseFontSize:默认值7。画布内的字体大小。
baseFontColor:默认值000000。画布内的字体颜色。
outCnvBaseFont:默认值Verdana。画布外的字体
outCnvBaseFontSze:默认值7。画布外的字体大小
outCnvBaseFontColor:默认值000000。画布外的字体颜色
numberPrefix:默认值是空字符。数值的前缀字符,例如在表示金额的时候,可以用$符号。
numberSuffix:默认值是空字符。数值的后缀字符,如果要使用后缀%,必须用%25标识。
formatNumber:默认值1。1表示格式化显示数值,0表示正常显示数值。
formatNumberScale:默认值1。1表示格式化数值,并作标记K、M。例如1000格式化为1K。0表示正常显示。
decimalSeparator:默认值.。小数点的字符。
thousandSeparator:默认值,。千位数的字符,只有formatNumber为1时才有效
decimalPrecision:默认值2。数值的小数点的保留位数。
divLineDecimalPrecision:默认值2。横线数值的小数点的保留位数。
limitsDecimalPrecision:默认值2。限制数值区间的小数点的保留位数。
zeroPlaneThickness:默认值2。0轴的线的宽度。
zeroPlaneColor:默认值cccccc。0轴的线的颜色
zeroPlaneAlpha:默认值100。0轴的Alpha。
注:如果图表中没有0轴,则上面三个关于0轴的属性无效。
numdivlines:默认值4。默认时图表的水平线有4根,将图表划分为5个水平块状。0表示没有水平线。
divlinecolor:默认值cccccc。图表的水平线颜色。
divLineThickness:默认值1。图表的水平线宽度。
divLineAlpha:默认值100。图表的水平线的Alpha。
showDivLineValue:默认值1。1表示显示水平线对应的数值。0表示不显示。
showAlternateHGridColor:默认值0。1表示显示水平间隔,0表示不显示。
alternateHGridColor:默认值cccccc。水平间隔的颜色。
alternateHGridAlpha:默认值70。水平间隔Alpha,注意,这个是70,不是100。
注:以上三个属性使得图表显示垂直颜色交错的效果。如本文的第二个图例所示。
numVDivLines:默认值0。表示图表的垂直线的根数。0表示没有垂直线。
VDivlinecolor:默认值cccccc。图表的垂直线颜色。
VDivLineThickness:默认值1。图表的垂直线宽度。
VDivLineAlpha:默认值100。图表的垂直线的Alpha。
showAlternateVGridColor:默认值0。1表示显示垂直间隔,0表示不显示。
alternateVGridColor:默认值cccccc。垂直间隔的颜色。
alternateVGridAlpha:默认值70。垂直间隔Alpha,注意,这个是70,不是100。
注:以上三个属性使得图表显示水平颜色交错的效果。垂直间隔的颜色显示在水平间隔的上方。
showhovercap:默认值1。1表示鼠标移到点上时显示提示文字,0表示不显示。
注:该属性生效还必须showAnchors为1。
提示文字由三部分组成:点的hoverText、间隔符、点的数值。
hoverCapBgColor:默认值f1f1f1。提示文字的背景颜色。
hoverCapBorderColor:默认值cccccc。提示文字的边框色。
hoverCapSepChar:默认值是,。间隔符的字符。
showhovercap:默认值1。1表示鼠标移到点上时显示提示文字,0表示不显示。
注:该属性生效还必须showAnchors为1。
提示文字由三部分组成:点的hoverText、间隔符、点的数值。
hoverCapBgColor:默认值f1f1f1。提示文字的背景颜色。
hoverCapBorderColor:默认值cccccc。提示文字的边框色。
hoverCapSepChar:默认值是,。间隔符的字符。
以上属性在XML中都作为根节点graph的属性。
<set>作为根节点的子节点,表示图表中的一个数据点。他也有自己的属性。例如:
___FCKpd___1
name:必有。该数据点的名字。
value:必有。该书据点的数值。
color:默认值是空字符串。表示这个数据点到下个数据点连线的颜色。默认用LineColor的值
hoverText:默认值是空字符串。该数据点的提示文字。
alpha:默认值100。数据点Alpha。
link:默认值是空字符串。该数据点的超链接
showName:默认值1。1表示显示该数据点的名字,0表示不显示。
注:shownames为0时,该属性为任何值都不会显示名字。shownames为1时,可以设置该属性为0,来限制某些数据点的显示名字。
<trendLines>作为根节点的子节点,表示图表中的一系列趋势线。
<line>作为<trendLines>的子节点,表示图表中的一条趋势线。(从实际来看,叫辅助线更适合)
他也有自己的属性。例如:
__FCKpd___2
startValue:必有。该趋势线的起始数值。
endValue:必有。该趋势线的结束数值。
color:默认值000000。该趋势线的颜色
thickness:默认值1。该趋势线的宽度为1
isTrendZone:默认值0。0表示趋势线是一条直线,1表示趋势线是一个矩形 showOnTop:默认值0。0表示趋势线在折线的下方,1表示趋势线在折线的上方
alpha:趋势线的Alpha。这个属性和isTrendZone有关,isTrendZone为0时,该属性的默认值是100;isTrendZone为1时,该属性的默认值为40。
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:网络转载面对“数字中国”建设和中国制造2025战略实施的机遇期,中车信息公司紧跟时代的步伐,以“集约化、专业化、标准化、精益化、一体化、平台化”为工作目标,大力推进信息服务、工业软件等核心产品及业务的发展。在慧都3D解决方案的实施下,清软英泰建成了多模型来源的综合轻量化显示平台、实现文件不失真的百倍压缩比、针对模型中的大模型文件,在展示平台上进行流畅展示,提升工作效率,优化了使用体验。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号