FusionCharts属性

一.FusionCharts的分类

1.FusionCharts。跨平台、跨浏览器的JavaScript/HTML图表组件

FusionCharts XT作为FusionCharts图表套包的主打产品,它提供了所有通用的图表类型,同时它还支持 ASP、ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、JavaScript、甚至简单的HTML页面。Fusioncharts来制作专业的JavaScript图表。

2.FusionMaps。

FusionMaps是一款JavaScript (HTML5) &Flash地图工具。可以根据内容、地区来展现地理数据或者其他实体。你可以使用FusionMaps有效地描绘业务数据,例如地区利润、地区人口分布情况、竞选结果、航班路线、办公地点、调查结果等。

3.FusionWidgets。

FusionWidget是所有图表完美的附加组件,即时股票监视器,对KPI和其他重要数据进行实时监视,处理监控应用程序和财务应用程序。通过使用各种易于操作的组件,它将带给你一个程序员和信息可视化相结合的体验。借助JavaScript (HTML5)和Flash, FusionWidgetsXT可在PCs、Macs、iPads, iPhones以及其他移动设备上无缝操作。


4.PowerCharts。适用于专业领域的高级图表控件。

PowerCharts XT是一套用在特定领域如:网络图、盈亏分析、财务规划、股价图以及层次结构图的高级图表库。它还提供了视觉上可编辑的图表来模拟假设情景和雷达图表上的多个实体的多个参数间的比较。

二、FusionCharts

FusionCharts的FusionCharts分类有很多种。

按数据类型分类有:

1.单组数据类型图表(Single Data Charts)    2.多组数据类型图表(Multi-Data Charts)


按图的展示类型分类(也是官方分类)有:

1.单系列图表(Single Series Charts)       2.多系列图表(Multi-Series Charts)

3.堆积式图表(Stacked Charts)      4.组合图表(Combination Charts)

5.分布图(XY Plot Charts)       6.滚动图(Scroll Charts)

三.关于FusionCharts的FusionCharts的Attributes(属性)

1、功能特性

animation                    是否动画显示数据,默认为 1(True)

showNames                    是否显示横向坐标轴(x轴)标签名称

rotateNames                是否旋转显示标签,默认为0(False):横向显示

showValues                    是否在图表显示对应的数据值,默认为1(True)

yAxisMinValue                指定纵轴(y轴)最小值,数字

yAxisMaxValue                 指定纵轴(y轴)最大值,数字

showLimits                    是否显示图表限值(y轴最大、最小值),默认为1(True)

showColumnShadow     是否显示各条形图间的阴影(若柱面图在一起并列的话)

showAlternateHGridColor 是否隔行显示不同颜色

2、图表标题和轴名称

caption                    图表主标题

subCaption                    图表副标题

xAxisName                    横向坐标轴(x轴)名称

yAxisName                    纵向坐标轴(y轴)名称

imageSave='1'      是否保存图片

imageSaveURL='Path/FusionChartsSave.jsp '图片路径

hoverCapSepChar=','。鼠标放到柱面上时显示的提示信息的分隔符

showhovercap='1'         鼠标放到柱面上时是否显示提示信息

hoverCapBgColor=‘ffffff’提示信息背景颜色

3、图表和画布的样式

bgColor                    图表背景色,6位16进制颜色值

canvasBgColor                画布背景色,6位16进制颜色值

canvasBgAlpha                画布透明度,[0-100]

canvasBorderColor            画布边框颜色,6位16进制颜色值

canvasBorderThickness        画布边框厚度,[0-100]

shadowAlpha                投影透明度,[0-100]

showLegend                    是否显示系列名,默认为1(True)

4、字体属性

baseFont                    图表字体样式

baseFontSize                图表字体大小

baseFontColor                图表字体颜色,6位16进制颜色值

outCnvBaseFont                图表画布以外的字体样式

outCnvBaseFontSize            图表画布以外的字体大小

outCnvBaseFontColor        图表画布以外的字体颜色,6位16进制颜色值

5、分区线和网格

numDivLines                画布内部水平分区线条数,数字

divLineColor                水平分区线颜色,6位16进制颜色值

divLineThickness            水平分区线厚度,[1-5]

divLineAlpha                水平分区线透明度,[0-100]

showAlternateHGridColor    是否在横向网格带交替的颜色,默认为0(False)

alternateHGridColor        横向网格带交替的颜色,6位16进制颜色值

alternateHGridAlpha        横向网格带的透明度,[0-100]

showDivLineValues            是否显示Div行的值,默认??

numVDivLines                画布内部垂直分区线条数,数字

vDivLineColor                垂直分区线颜色,6位16进制颜色值

vDivLineThickness            垂直分区线厚度,[1-5]

vDivLineAlpha                垂直分区线透明度,[0-100]

showAlternateVGridColor    是否在纵向网格带交替的颜色,默认为0(False)

alternateVGridColor        纵向网格带交替的颜色,6位16进制颜色值

alternateVGridAlpha        纵向网格带的透明度,[0-100]

6、数字格式

numberPrefix                增加数字前缀

numberSuffix                增加数字后缀    % 为 '%25' / (吨)为‘%ef%bc%88%e5%90%a8%ef%bc%89’(Server.UrlEncode编码)

formatNumberScale        是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M

decimalPrecision            指定小数位的位数, [0-10]    例如:='0' 取整

divLineDecimalPrecision    指定水平分区线的值小数位的位数, [0-10]

limitsDecimalPrecision        指定y轴最大、最小值的小数位的位数,[0-10]

formatNumber                逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符

decimalSeparator            指定小数分隔符,默认为'.'

thousandSeparator            指定千分位分隔符,默认为','

7、Tool- tip/Hover标题

showhovercap                是否显示悬停说明框,默认为1(True)

hoverCapBgColor            悬停说明框背景色,6位16进制颜色值

hoverCapBorderColor        悬停说明框边框颜色,6位16进制颜色值

hoverCapSepChar            指定悬停说明框内值与值之间分隔符,默认为','

8、折线图的参数

lineThickness                折线的厚度

anchorRadius                折线节点半径,数字

anchorBgAlpha                折线节点透明度,[0-100]

anchorBgColor                折线节点填充颜色,6位16进制颜色值

anchorBorderColor            折线节点边框颜色,6位16进制颜色值

9、Set标签使用的参数

value                        数据值

color                        颜色

link                        链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])

name                        横向坐标轴标签名称

showFCMenuItem='0' 设置右键显示不显示

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,264评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,549评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,389评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,616评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,461评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,351评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,776评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,414评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,722评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,760评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,537评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,381评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,787评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,030评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,304评论 1 252
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,734评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,943评论 2 336

推荐阅读更多精彩内容