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的开始，整个图表现在可以作为一个单一的热点。 

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

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

 

我的测试数据：

 // String strXML = "";

        // strXML += "<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' decimalPrecision='0' formatNumberScale='0'>";

        // strXML += "<set name='Jan' value='462' color='AFD8F8'/>";

        // strXML += "<set name='Feb' value='857' color='F6BD0F'/>";

        // strXML += "<set name='Mar' value='671' color='8BBA00'/>";

        // strXML += "<set name='Apr' value='494' color='FF8E46'/>";

        // strXML += "<set name='May' value='761' color='008E8E'/>";

        // strXML += "<set name='Jun' value='960' color='D64646'/>";

        // strXML += "<set name='Jul' value='629' color='8E468E'/>";

        // strXML += "<set name='Aug' value='622' color='588526'/>";

        // strXML += "<set name='Sep' value='376' color='B3AA00'/>";

        // strXML += "<set name='Oct' value='494' color='008ED6'/>";

        // strXML += "<set name='Nov' value='761' color='9D080D'/>";

        // strXML += "<set name='Dec' value='960' color='A186BE'/>";

        // strXML += "</graph>";

整体的思路就是将数据组装好，将数据仍给前端去展示，重点就是组装数据。

 

参考的原文地址：http://www.cnblogs.com/atree/archive/2010/04/20/FusionCharts-parameter.html

评论

1 楼 576017120 2013-08-26  

XML源代码demo：
---FusionCharts的trendlines（趋势线、警告线、阈值）

<chart caption='Business Results 2005 v 2006' xAxisName='Month' yAxisName='Revenue' showValues='0' numberPrefix='$'>

   <categories>

      <category label='Jan' />

      <category label='Feb' />

      <category label='Mar' />

      <category label='Apr' />

      <category label='May' />

      <category label='Jun' />

      <category label='Jul' />

      <category label='Aug' />

      <category label='Sep' />

      <category label='Oct' />

      <category label='Nov' />

      <category label='Dec' />

   </categories>

   <dataset seriesName='2006'>

      <set value='27400' />

      <set value='29800'/>

      <set value='25800' />

      <set value='26800' />

      <set value='29600' />

      <set value='32600' />

      <set value='31800' />

      <set value='36700' />

      <set value='29700' />

      <set value='31900' />

      <set value='34800' />

      <set value='24800' />

   </dataset>

   <dataset seriesName='2005'>

      <set value='10000'/>

      <set value='11500'/>

      <set value='12500'/>

      <set value='15000'/>

      <set value='11000' />

      <set value='9800' />

      <set value='11800' />

      <set value='19700' />

      <set value='21700' />

      <set value='21900' />

      <set value='22900' />

      <set value='20800' />

   </dataset> 

   <trendlines>

      <line startValue='26000' color='91C728' displayValue='Target' showOnTop='1'/>

   </trendlines>

</chart>