美文网首页JavaWeb
FusionCharts属性

FusionCharts属性

作者: shallwego_ | 来源:发表于2017-03-08 17:26 被阅读80次

    一.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' 设置右键显示不显示

    相关文章

      网友评论

        本文标题:FusionCharts属性

        本文链接:https://www.haomeiwen.com/subject/apvygttx.html