• FusionCharts详细参数及功能特性详解


    功能特性
    animation                    是否动画显示数据,默认为1(True)
    showNames                    是否显示横向坐标轴(x轴)标签名称
    rotateNames                是否旋转显示标签,默认为0(False):横向显示
    showValues                    是否在图表显示对应的数据值,默认为1(True)
    yAxisMinValue                指定纵轴(y轴)最小值,数字
    yAxisMaxValue                 指定纵轴(y轴)最小值,数字
    showLimits                    是否显示图表限值(y轴最大、最小值),默认为1(True)

    图表标题和轴名称
    caption                    图表主标题
    subCaption                    图表副标题
    xAxisName                    横向坐标轴(x轴)名称
    yAxisName                    纵向坐标轴(y轴)名称

    图表和画布的样式
    bgColor                    图表背景色,6位16进制颜色值
    canvasBgColor                画布背景色,6位16进制颜色值
    canvasBgAlpha                画布透明度,[0-100]
    canvasBorderColor            画布边框颜色,6位16进制颜色值
    canvasBorderThickness        画布边框厚度,[0-100]
    shadowAlpha                投影透明度,[0-100]
    showLegend                    是否显示系列名,默认为1(True)

    字体属性
    baseFont                    图表字体样式
    baseFontSize                图表字体大小
    baseFontColor                图表字体颜色,6位16进制颜色值
    outCnvBaseFont                图表画布以外的字体样式
    outCnvBaseFontSize            图表画布以外的字体大小
    outCnvBaseFontColor        图表画布以外的字体颜色,6位16进制颜色值

    分区线和网格
    numDivLines                画布内部水平分区线条数,数字
    divLineColor                水平分区线颜色,6位16进制颜色值
    divLineThickness            水平分区线厚度,[1-5]
    divLineAlpha                水平分区线透明度,[0-100]
    showAlternateHGridColor    是否在横向网格带交替的颜色,默认为0(False)
    alternateHGridColor        横向网格带交替的颜色,6位16进制颜色值
    alternateHGridAlpha        横向网格带的透明度,[0-100]
    showDivLinues            是否显示Div行的值,默认??
    numVDivLines                画布内部垂直分区线条数,数字
    vDivLineColor                垂直分区线颜色,6位16进制颜色值
    vDivLineThickness            垂直分区线厚度,[1-5]
    vDivLineAlpha                垂直分区线透明度,[0-100]
    showAlternateVGridColor    是否在纵向网格带交替的颜色,默认为0(False)
    alternateVGridColor        纵向网格带交替的颜色,6位16进制颜色值
    alternateVGridAlpha        纵向网格带的透明度,[0-100]

    数字格式
    numberPrefix                增加数字前缀
    numberSuffix                增加数字后缀    % 为 '%25'
    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            指定千分位分隔符,默认为','

    Tool-tip/Hover标题
    showhovercap                是否显示悬停说明框,默认为1(True)
    hoverCapBgColor            悬停说明框背景色,6位16进制颜色值
    hoverCapBorderColor        悬停说明框边框颜色,6位16进制颜色值
    hoverCapSepChar            指定悬停说明框内值与值之间分隔符,默认为','

    折线图的参数
    lineThickness                折线的厚度
    anchorRadius                折线节点半径,数字
    anchorBgAlpha                折线节点透明度,[0-100]
    anchorBgColor                折线节点填充颜色,6位16进制颜色值
    anchorBorderColor            折线节点边框颜色,6位16进制颜色值

    Set标签使用的参数
    value                        数据值
    color                        颜色
    link                        链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])
    name                        横向坐标轴标签名称

    FusionCharts v3新增功能

    新的3.1版本:
    使得出口能力为PDF格式的图表和图片在客户端以及服务器端
    旋转文字并不需要任何更多的嵌入字体。任何UTF - 8字符现在可以旋转和使用图表从而FusionCharts真正多语言。
    选项指定文本价值,可以代替数值是图表上显示的每个数据项
    无法加载自定义标识,图表上在预先确定的位置,然后连结相同
    ...
    FusionCharts v3新增功能 FusionCharts v3的拥有大量的新功能,在以前的版本。下面是几个主要的。


    有什么新的3.1版本:
    使得出口能力为PDF格式的图表和图片在客户端以及服务器端
    旋转文字并不需要任何更多的嵌入字体。任何UTF - 8字符现在可以旋转和使用图表从而FusionCharts真正多语言。
    选项指定文本价值,可以代替数值是图表上显示的每个数据项
    无法加载自定义标识,图表上在预先确定的位置,然后连结相同
    选择添加自定义菜单项,以图表的上下文菜单,然后连结相同
    支持包装的标题,分标题和工具
    趋势线现在可以自定义工具文本
    用户定义调色板的数据项目
    更多的JavaScript事件,以帮助您更好的操纵图表从您的JavaScript代码
    出口能力的数据,图表的CSV使用上下文菜单或JavaScript的API
    能力得到了XML的任何使用JavaScript API的图表
    能力得到了一张图表属性使用JavaScript的API
    图表已重新在36fps解决内存问题在Firefox

    新3.0 有什么?
    新的图表类型
      FusionCharts v3的介绍了很多新的图表类型,如:

    滚动图-柱二维,二维和区系的二维,堆叠柱二维,二维结合,结合二维(双年)
    样图
    样条区域图
    对数坐标图
    二维多图单Ÿ组合图。
    二维多图双Ÿ组合图。此图被用来阴谋9类型的图表:
    柱(小年) +线(中学年)组合
    柱(小年) +地区(中学年)组合
    柱(小年) +柱(中学年)组合
    区(小年) +线(中学年)组合
    区(小年) +柱(中学年)组合
    区(小年) +地区(中学年)组合
    线(小年) +线(中学年)组合
    线(小年) +柱(中学年)组合
    线(小年) +地区(中学年)组合
    三维堆叠柱线双Ÿ组合图
    三维单杠
    三维堆叠式酒吧
    先进的蜡烛棒图支持线,酒吧和数量列
    拖放能够柱线图表先进的模拟情景
    瀑布图

     少数上述所列图表不标准FusionCharts v3的包。例如,花键,对数,瀑布及拖放能够图表的一部分, PowerCharts包,可单独购买..

    出口能力的图表图像
     从FusionCharts v3.0.5 ,现在您可以导出您的图表,图片相结合的客户端和服务器端操作。

    容易,但先进的整合与JavaScript
      FusionCharts v3的提供高级选项,将图表与AJAX应用程序或JavaScript模块。您可以随时更新海图在客户端,调用JavaScript函数的热点链接,或要 求作出动态XML数据不涉及任何页面刷新。您也可以指定一个DOMId的每个图表和有登记的JavaScript 。图表可以保持JavaScript函数公布了它的活动。

    可视化的XML生成工具
      FusionCharts v3的介绍了一个新的Visual XML和图表生成工具,帮助您轻松地建立您的XML数据的图表。您可以手动输入数据的网格,形成XML或转换您现有的数据从电子表格/ csv文件/表格到XML数据。

    时尚元素
      FusionCharts v3的介绍方式,帮助您适用的字体,效果和动画,各种物体的图表。一个简单的样式贷款机制,利用这些您就可以轻松地控制可视化布局图。

    地图支持
      FusionCharts v3的介绍地图PowerMaps包。该PowerMaps Pack是收集61基于Flash矢量地图用来显示不同类型的数据与地理分区。适用于网站和应用程序,每一个地图暴露了其性能使用一个XML的API 。建立一个地图使用几乎需要几分钟,不涉及任何修改源代码。所有您需要做的是饲料中的数据的XML文件,您已经准备好。

    请注意, PowerMaps是一项额外插入FusionCharts v3的,而不是在标准许可。您需要另行购买。

    内置的Adobe Flash 8使用ActionScript 2的
      FusionCharts v3是编码在Flash 8和ActionScript 2 ,充分利用新的和先进功能的Flash 8喜欢动态渐变,过滤器,更好的速度,先进的面向对象的结构等

    新的调试模式
      FusionCharts v3的介绍了调试模式为每个图表。在调试模式可以帮助您寻找到正在发生着什么图表幕后。你可以看到图表是如何初始化,获得的数据以及与 JavaScripts 。各种错误产生,也表明在这。所以,当你看到一个错误的图表现在,你需要做的是切换到调试模式,并确定了。

    梯度支持
      FusionCharts v3的支持梯度大多数图表物件如背景下,油画,数据阴谋等诸多新的图表支持单一属性use3DLighting ,让先进的灯光和梯度影响图更好的视觉效果。

    调色板支持
      FusionCharts v3的介绍调色板,以帮助您快速选择颜色主题,为您的图表。从v3的,你可以选择其中一个五年预先定义调色板改变的外观图。你不必指定任何十六进制颜色代码使用调色板。

    虚线支持
     从FusionCharts v3的,您可以使用虚线策划:

    数据(列,线,馅饼等)
    网格分区线
    趋势线
    垂直分离线
    您也可以指定破折号性能像破折号长度,差距等

    多种显示模式的数据标签
     在FusionCharts v3的,很多选择了介绍,以便更好地x轴Label控件。现在,您可以包装,错层或旋转X轴标签。

    旋转价值盒及动态位置选项
     的数据值的文本字段,现在可以旋转,以避免简洁。此外,在案件列图表,您可以选择是否将文本框的值列内或之外。如果没有空间, FusionCharts v3的会自动调整位置。

    一些规模支持
      FusionCharts v3的介绍了一些调整和更好地控制数字格式。

    自动分区线编码
      FusionCharts v3的介绍自动分区线编号和位置,以最佳的位置上的图表。


    更好的打印支持
     在上下文菜单中的图表现在包括一个新项目“打印图表” ,它提供标准的跨浏览器的打印支持。

    更多的控制权动态调整
      v3的推出两种模式的图表大小- exactFit和noScale 。 noScale使用基于像素的大小。在exactFit模式,您可以调整图的基础上的百分比。此外, exactFit模式允许动态的调整,当容器对象(浏览器,表,分区等)调整大小。

    先进的馅饼和甜甜圈图表
     馅饼和甜甜圈图表FusionCharts v3的提供先进的最终用户的交互选择像动态切片,旋转,链接等此外,智能标签已被引入馅饼/甜甜圈图表。

    更好的传说
      FusionCharts v3的介绍了一个更好的期待和互动传说的multi-series/combination图表。您可以自定义了很多的属性的传说每个图表。

    高级钻取功能
     图表项目现在可以链接到新窗口,弹出式,框架或自我窗口。


    垂直分工之间的界线任何两个数据点。
     在轴的图表,现在你可以选择垂直分工之间的界线任何两套数据。这特别有助于当你策划的数据说, 2岁,你想一个明显的分隔符之间两年的数据图表。

    整个图表作为一个热点
      v3的开始,整个图表现在可以作为一个单一的热点。

    自定义工具提示为每个数据阴谋项目
     现在您可以设定您自己的工具提示文字为每个数据阴谋项目。

    多语言支持的应用信息
     现在,您可以轻松定制的图表显示应用消息(载入中图表,装载数据,绘制图表等。 )在您自己的语言。要做到这一点,你需要指定的邮件图表来源和重新编译。

    Demo:

    XML源代码:

    01 <chart caption='Business Results 2005 v 2006'xAxisName='Month'yAxisName='Revenue'showValues='0'numberPrefix='$'
    02   
    03    <categories> 
    04   
    05       <category label='Jan'/> 
    06   
    07       <category label='Feb'/> 
    08   
    09       <category label='Mar'/> 
    10   
    11       <category label='Apr'/> 
    12   
    13       <category label='May'/> 
    14   
    15       <category label='Jun'/> 
    16   
    17       <category label='Jul'/> 
    18   
    19       <category label='Aug'/> 
    20   
    21       <category label='Sep'/> 
    22   
    23       <category label='Oct'/> 
    24   
    25       <category label='Nov'/> 
    26   
    27       <category label='Dec'/> 
    28   
    29    </categories> 
    30   
    31    <dataset seriesName='2006'
    32   
    33       <setvalue='27400'/> 
    34   
    35       <setvalue='29800'/> 
    36   
    37       <setvalue='25800'/> 
    38   
    39       <setvalue='26800'/> 
    40   
    41       <setvalue='29600'/> 
    42   
    43       <setvalue='32600'/> 
    44   
    45       <setvalue='31800'/> 
    46   
    47       <setvalue='36700'/> 
    48   
    49       <setvalue='29700'/> 
    50   
    51       <setvalue='31900'/> 
    52   
    53       <setvalue='34800'/> 
    54   
    55       <setvalue='24800'/> 
    56   
    57    </dataset> 
    58   
    59    <dataset seriesName='2005'
    60   
    61       <setvalue='10000'/> 
    62   
    63       <setvalue='11500'/> 
    64   
    65       <setvalue='12500'/> 
    66   
    67       <setvalue='15000'/> 
    68   
    69       <setvalue='11000'/> 
    70   
    71       <setvalue='9800'/> 
    72   
    73       <setvalue='11800'/> 
    74   
    75       <setvalue='19700'/> 
    76   
    77       <setvalue='21700'/> 
    78   
    79       <setvalue='21900'/> 
    80   
    81       <setvalue='22900'/> 
    82   
    83       <setvalue='20800'/> 
    84   
    85    </dataset>  
    86   
    87    <trendlines> 
    88   
    89       <line startValue='26000'color='91C728'displayValue='Target'showOnTop='1'/> 
    90   
    91    </trendlines> 
    92   
    93 </chart>

    转载自:FusionCharts参数的详细说明和功能特性

  • 相关阅读:
    函数式编程思想:不变性
    如何制作JQuery Plugin 插件【插件参数的配置】
    jQuery Mobile 中文手册 Ajax开发版——初始化部分
    转载:真实的用户,真实的中国互联网
    创建自定义的jQuery移动主题
    HTML5 LocalStorage 本地存储
    Safari调试工具
    为什么项目经理拿的钱比程序员多?
    移动浏览器项目WebApp需要jQuery吗?移动设备放弃jQuery的理由
    HTML5设计原则
  • 原文地址:https://www.cnblogs.com/flish/p/2120656.html
Copyright © 2020-2023  润新知