财经

FusionCharts的用办法(超详细)

16 10月 , 2018  

adjustDiv …………………………[bool]自行调整divlines

canvasBgColor …………………[color]画布背景色,6位16迈入制颜色值

FCF_MSColumn2DLineDY.swf

Funnel Chart

plotBorderDashLen ……………[number] pixels

zeroPlaneAlpha …………………[number]

showLimits ………………………[bool]是不是出示图表限值(y轴最深、最小值),默认为1(True)

plotFillRatio ……………………[number] [0-100]

   <set label=’Dec 2005′ value=’36556′ />

anchorRadius …………………[?]

大抵漫漫折线中<dateset>的参数:

Doughnut 2D

defaultAnimation …………………[bool]是不是打开默认动画

plotFillAngle ………………… [number] [0-360]

defaultNumberScale …………… [string] 

showAlternateVGridColor ………[color]

Stacked Column 2D

(二)如果你取了一个“Error in Loading Data”的信息,可能是:

hoverCapBorderColor ………… [color]停下说明框边框颜色,6各16前进制颜色值

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

VLINES 垂直分割线

TOOLTIP 于鼠标移动至数据点上之时的唤起

color ……………………………[color]采购以图中互对应之柱行图的颜色

例1:

 chartLeftMargin ……………… [number]安图表左边距,像素 

bgAlpha……………………… [number]装图表背景透明度,[0-100]

Doughnut 2D

rotateNames ………………………[bool]是否旋转展示标签(name),默认为0(False):横向显示

6. 数字格式

Candlestick Chart

动画片属性 _alpha、_x、_y、_xScale、_yScale

borderColor ……………………[color]

    myChart2.setDataURL(dataXml); //dataXml为字符串

alpha ………………………… [number]设置在图中相互呼应的柱行图的透明度

hoverCapBgColor ………………[color]艾说明框背景色,6个16进制颜色值

FCF_MSArea2D.swf

Showhovercap ………………… [bool]是否出示已说明框,默认为1(True)

alternateHGridColor ……………[color] 画布背景横向线条间交替出现的颜料

 

alternateHGridAlpha ……………[number]

shadowAlpha …………………[number]影子透明度,[0-100]

FCF_Column2D.swf

FCF_StackedColumn3D.swf

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

FusionCharts的XML标签属性有以下四种植多少列:

其次种加载方法要装相应之字符串。如:

anchorBorderColor …………… [color]

anchorBorderColor …………… [color]

4. 字体属性

季、安装使用

Stacked Bar 2D

FCF_Bar2D.swf

卡通属性 _alpha、_x、_y、_xScale、_yScale

TRENDLINES 趋势线

divLineIsDashed ……………… [bool]画布背景线条是否为虚线

showYAxisValues …………………[bool]是否出示y轴数据

方二:字符串加载法

toolTipBgColor …………………[color] 6员16上制颜色值

支持性 Animation、Shadow、Glow、Bevel、Blur

anchorBgAlpha ………………[number]

五、属性参数大全

showToolTip ……………………[bool]

(2) js加载方法,代码如下:

* Boolean – 布尔型,只能为1要者0。例如:<graph showNames=’1’> 

toolTipBorderColor …………… [color] 6员16上制颜色值

shadowAlpha …………………[number]阴影透明度,[0-100]

支持性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

1. xml文书里的情有不当。

Multi-series Area 2D

8. 折线图的参数

FCF_MSBar2D.swf

toolText ……………………… [string] 

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

VLINES 垂直分割线

文件名

* String – 字符串类型,只能为字符串。例如:<graph caption=’My Chart’ > 

支持功能 Animation 动画、Shadow 阴影、Glow 发光、Bevel 倾斜、Blur 模糊

Stacked Column 2D

<div id=”chartdiv1”></div>

<script type="text/javascript">  
    var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");    
     myChart2.setDataURL(dataXml);    
     myChart2.render("chartdiv1");   
 </script>

    var myChart = new FusionCharts(“../FusionCharts/FCF_Column3D.swf”, “myChartId”, “600”, “500”); 

动画片属性 _alpha、_x、_y

Financial Charts(财经图,即蜡烛图)

季、引起flash图像不可知显示的或原因

anchorBorderColor ……………[color]

baseFontSize ………………… [number]图形字体大小

FCF_Area2D.swf

labelDisplay ………………………[string ]签的见方式[“WRAP”,”STAGGER”,”ROTATE”,

anchorAlpha …………………[number]

Ø FusionCharts 是InfoSoft Global 公司之一个出品,InfoSoft Global 公司是正式的Flash 图形方案提供商,他们还有几慢性外的,基于Flash 技术的成品,都老的可观。

Gantt Chart

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

动画属性 _alpha、_x、_y、_xScale、_yScale

toolTipSepChar …………………[string]

myChart.render(“chartdiv”);  

decimalSeparator ……………… [number]之所以指定的字符来代表小数点 

canvasBgDepth …………………[number]装图表背景的深 

anchorAlpha ……………………[number]

例2:

1. SWF没有放置正确的文书夹。

showPlotBorder …………………[bool]

canvasBaseColor ……………… [color]安图表基部的水彩,6位16向前制颜色值 

divLineDashLen ……………… [?]

connectNullData …………………[bool]是不是呈现空值(?)

支撑性 Animation、Shadow、Glow、Bevel、Blur

hoverText …………………… [string]设置鼠标旋停于对立应图表上面世的文件内容

老三、报表图形对应之swf文件分类

2. 于页面导入FusionCharts.js 文件,如:

numberScaleUnit ……………… [string]

Area 2D

      第三单参数是图的富贵。

<1>建立目标:

 showBorder …………………… [bool]画布透明度,默认为1显得

Anchors …………………………[?]

alternateVGridColor …………… [string]纵向网格带交替的颜色,6号16迈入制颜色值

 解析:操作步骤:

baseFontColor …………………[color]图字体颜色,6各16前进制颜色值

outCnvBaseFontSize ………… [number]图片画布以外的字体大小

captionPadding …………………[?]

FCF_Line.swf

6. 数字格式

计一致:xml文件引用法

plotBorderThickness ……………[number][0-5] 

卡通属性 _alpha、_x、_y

      第四个参数是图的胜。

decimalPrecision …………………[number]点名小数个之位数,[0-10] 例如:=’0′ 取整

FCF_StackedArea2D.swf

* Number – 数字型,只能为数字。例如:<graph yAxisMaxValue=’200’> 

slantLabels ……………………… [bool]

支撑性 Animation、Shadow、Glow、Bevel、Blur

name ……………………………[number/string]横向坐标轴标签名称 

hoverCapSepChar ………………[string]指定悬停说明框内值与价值期间分隔符,默认为’,’

decimalPrecision …………………[number]指定小数位的位数,[0-10] 例如:=’0′ 取整

 二、部分意义亮

“’”单引号 ———— 需要用“'”替换

bgColor ……………………[color]图背景色,可以使用逗号分割多只颜色值 6各16前进制颜色值

VGRID 垂直的点滴个列表区域被交替的水彩

Multi-series Column 3D

plotBorderColor …………………[color]

4. 不曾启用浏览器Flash播放选项。

toolTipSepChar …………………[string]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

chartRightMargin ………………[number]安图表右边距,像从

borderAlpha ……………………[number]

bgRatio ………………………[number]差不多单颜色值所占有的比率,[0-100]

plotBorderDashed ………………[string]bool 是否使用虚线(柱形图边界线)

Pie 2D

showOnTop ……………… [?]

        myChart.setDataURL(“Data.xml”);  

Date.xml的始末如下:

首先种植加载方法需要设置数据文件的地址。如:

rotateLabels ………………………[bool]安x轴上之lable显示方式,默认为0左右向显示

FCF_MSColumn2DLineDY.swf

formatNumberScale …………… [bool]是否格式化数字,默认为1(True),自动的为您的数字加上K(千)或M(百万);若取0,则非加K或M

FCF_Gantt.swf

value ……………………………[number/string]设置于图片中各个名字想对应之值

numDivLines ……………………[string]画布里水平分区线条数,数字

alternateHGridAlpha ……………[number]

vDivLineAlpha ……………………[string]笔直分区线透明度,[0-100]

subCaption ………………………[string] 图表副标题

Multi-series Line 2D

anchorBgColor ………………[color]

* Number – 数字型,只能为数字。例如:<graph yAxisMaxValue=’200’> 

Pie 2D

FCF_Pie3D.swf

Multi-series Column 2D

Ø FusionCharts Free 则是FusionCharts 提供的一个免费版本,虽然免费,功能依然强大,图形类型依然长。

Stacked Charts(堆栈图)

• 修改了.Net 的施用代码和文档。

palette …………………………… [number]行使默认的调色板(1-5)

支持性 Animation、Shadow、Glow、Bevel、Blur

9. Set签下的参数

 在FCF里,一些破例的编码还急需经过编码。如:

* String – 字符串类型,只能为字符串。例如:<graph caption=’My Chart’ > 

2. 在页面导入FusionCharts.js 文件,如:

xAxisNamePadding ……………[?]

canvasBgAlpha …………………[number]画布透明度,[0-100]   0为无透明

Multi-series Line 2D

Ø FusionCharts free 是一个跨平台,跨浏览器的flash 图表组件解决方案,能够让ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单HTML 页面还PPT 调用。

Bar 2D

(一)如果无于页面及收看图片,可能是下的由来之一:

1. xml文书里的内容发生误。

divLineDecimalPrecision …………[number]指定水平分区线的价多少数位的位数,[0-10]

Ø FusionCharts free新本子被所举行的转移:

canvasBorderThickness …………[number]描绘布边框厚度,[0-100]

thousandSeparato ……………… [number]之所以指定的字符来替代千位分隔符

动画片属性 _alpha、_x、_y

vDivLineAlpha ……………………[string]笔直分区线透明度,[0-100]

vDivLineDashLen ………………[?]

例1:

hoverCapBorderColor ………… [color]住说明框边框颜色,6各16进制颜色值

FCF_MSColumn3DLineDY.swf

动画片属性 _alpha、_x、_y、_xScale

anchorSides ……………………[number]边数[3-20]

zeroPlaneThickness ……………[number]

3. 没有安装Flash Player。

FCF_Doughnut2D.swf

plotGradientColor ………………[color]潜移默化颜色,6位16向前制颜色值

adjustDiv …………………………[bool]电动调整divlines

Gantt Chart

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

 

FCF_MSColumn3D.swf

      第二个是图表的id。这个id可以不管给什么,但是倘若留意,当一个页面里发出多独图形的时节,这个id一定要是是唯一的。

anchorBorderThickness …………[number]

vDivLineColor ………………… [string]垂直分区线颜色,6各类16上前制颜色值

defaultAnimation …………………[bool]是不是打开默认动画

Multi-series Bar 2D

formatNumber ……………………[number]逗号来分隔数字(千位,百万员),默认为1(True);若取0,则未加以分隔符

canvasBgColor …………………[color]画布背景色,6号16前行制颜色值

anchorAlpha ……………………[bool]是不是出示折线的节点,默认为0不出示

    <vLine color=’FF5904′ />

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

1. 以web项目目录下新建一个文书夹( 如FusionCharts),并拿拥有的SWF 文件都拷贝到这个文件夹里。

 

isTrendZone ……………… [?]

anchorBgColor …………………[color]折线节点填充颜色,6各类16上前制颜色值

Column 3D

 

要一旦显对引号,直接下就足以了,前提是属于性值是因此单引号括起来的。如果属性值是用双挑起号括起来的,要展示单引号,也得一直行使,而不必因此“'”来替换其。

yAxisValuesPadding ……………[?]

FCF_Bar2D.swf

(2)js加载方法,代码如下:

alternateVGridColor …………… [string]纵向网格带交替的水彩,6号16迈入制颜色值

(1) 定义一个有固定格式的字符串,即可以将上述xml文件组合成字符串

plotBorderDashGap ……………[number] pixels

showLavel ……………………[?]

showCanvasBase ………………[bool]安装是否出示图表基部

Column 3D

showName …………………… [bool]设置于是不是出示图表中相互呼应X轴的name,默认为1亮 

showAlternateHGridColor ………[color]

支持性 Animation、Shadow、Glow、Bevel、Blur

于是四独参数建立了一个FusionCharts对象,

卡通属性 _alpha、_x、_y、_xScale、_yScale

Stacked Charts(堆栈图)

 showBorder …………………… [bool]画布透明度,默认为1来得

connectNullData …………………[bool]是否呈现空值(?)

outCnvBaseFontColor ……… [color]图片画布以外的书颜色,6各类16前行制颜色值

divLineColor ……………………[string]水平分区线颜色,6各项16上前制颜色值

• 修改了.Net 的用代码和文档。

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

Funnel Chart

3. 未曾安装Flash Player。

pieSliceDepth …………………[bool]安装各个色块间隔线的肥瘦(不可知同pieBorderAlpha同用)

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

第二种植加载方法要设置相应之字符串。如:

YAXISNAME y轴名称

(一)如果没于页面及看出图片,可能是下面的故之一:

canvasBaseColor ……………… [color]装图表基部的颜料,6号16迈入制颜色值 

• 增加了新的PHP API ,并修复了部分BUG。

<div id=”chartdiv1”></div>

<script type="text/javascript">  
    var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");    
     myChart2.setDataURL("Data.xml");    
     myChart2.render("chartdiv1");   
 </script> 

“’”单引号 ———— 需要用“'”替换

4. 从不启用浏览器Flash播放选项。

Multi-series Charts(多系列图片)

“£”英镑符号 ——— 需要用“%A3”替换

plotBorderColor …………………[color]

• 增加了在FusionCharts 使用UTF-8 编码的以身作则。

numberScaleUnit ……………… [string]

useRoundEdges ……………… [bool]安图表图形边角是否是也圆角,默认为0不是

• 修改了FusionCharts.js ,以便可以支撑双引号。

动画属性 _alpha、_x、_y、_xScale、_yScale

图片类型

thickness ………………………[number]

Single Series Charts(单系列图片)

borderAlpha ……………………[number]

卡通属性 _alpha、_x、_y、_xScale、_yScale

DATALABELS 数据的x轴标签列表

Column 2D

    <vLine color=’FF5904′ />

<graph caption=’每月销售额柱形图’ xAxisName=’月份’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′>  

   <set name=’一月’ value=’462′ color=’AFD8F8′ />  

   <set name=’二月’ value=’857′ color=’F6BD0F’ />  

   <set name=’三月’ value=’671′ color=’8BBA00′ />  

   <set name=’四月’ value=’494′ color=’FF8E46′ />  

   <set name=’五月’ value=’761′ color=’008E8E’ />  

   <set name=’六月’ value=’960′ color=’D64646′ />  

   <set name=’七月’ value=’629′ color=’8E468E’ />  

   <set name=’八月’ value=’622′ color=’588526′ />  

   <set name=’九月’ value=’376′ color=’B3AA00′ />  

   <set name=’十月’ value=’494′ color=’008ED6′ />  

<set name=’十一月’ value=’761′ color=’9D080D’ />  

   <set name=’十二月’ value=’960′ color=’A186BE’ />  

</graph> 

1. 当web项目目录下新建一个文本夹( 如FusionCharts),并把拥有的SWF 文件还拷贝到之文件夹里。

 

yAxisValuesStep ………………… [number]y轴标记的亮间隔

yAxisValuesPadding ……………[?]

plotGradientColor ………………[color]潜移默化颜色,6各16进制颜色值

“£”英镑符号 ——— 需要为此“%A3”替换

9. Set标签下的参数

      第四只参数是图形的胜。

rotateLabels ………………………[bool]装x轴上之lable显示方式,默认为0横向显示

CANVAS 区域图被之区域

      第二单凡是图的id。这个id可以随便给什么,但是如果小心,当一个页面里生差不多个图形的上,这个id一定要是是唯一的。

CAPTION 图表标题

<trendLines>

• FusionCharts DOM 更加爱地拿图纸加载到页面上。

YAXISVALUES y轴的值列表

        myChart.setDataURL(“Data.xml”);  

<2> 加载数据:

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

Multi-series Column 3D + Line – Dual Y Axis

* HexColorCode  – 六进制颜色代码,前边没有‘#’。例如:<graph bgColor=’FFFFDD’>

pieSliceDepth …………………[bool]装各个色块间隔线的涨幅(不克和pieBorderAlpha同用)

anchorBorderThickness ………[number]

showDivLineValues ………………[bool]

dashLen ………………………[?]

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

(2)js加载方法,代码如下:

基本上漫漫折线中<dateset>的参数:

showNames ………………………[bool]是否出示横向坐标轴(x轴)标签号

anchorRadius ……………………[number]折线节点半径,数字

anchorBorderColor …………… [color]折线节点边框颜色,6个16上制颜色值

numberSuffix ……………………[string]追加数字后缀

var dataXml = “<graph caption=’每月销售额柱形图’ xAxisName=’月份’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′><set name=’一月’ value=’462′ color=’AFD8F8′ /><set name=’二月’ value=’857′ color=’F6BD0F’ /><set name=’三月’ value=’671′ color=’8BBA00′ /><set name=’四月’ value=’494′ color=’FF8E46′ /><set name=’五月’ value=’761′ color=’008E8E’ /><set name=’六月’ value=’960′ color=’D64646′ /><set name=’七月’ value=’629′ color=’8E468E’ /><set name=’八月’ value=’622′ color=’588526′ /><set name=’九月’ value=’376′ color=’B3AA00′ /><set name=’十月’ value=’494′ color=’008ED6′ /><set name=’十一月’ value=’761′ color=’9D080D’ /><set name=’十二月’ value=’960′ color=’A186BE’ /></graph>”;

endValue ……………………[?]

startValue ……………………[?]

XAXISNAME x轴名称

plotFillRatio ……………………[number] [0-100]

ANCHORS 锚点 用于标识line或area的数值点

其三、报表图形对应的swf文件分类

FCF_Candlestick.swf

<script type=”text/javascript” src=”FusionCharts.js”></script>

dashLen ………………………[?]

plotBorderThickness ……………[number][0-5] 

文件名

anchorBgAlpha ………………[number]

Column 2D

name ……………………………[number/string]横向坐标轴标签名称 

limitsDecimalPrecision ………… [number]点名y轴最特别、最小值的多少数位的位数,[0-10]

FCF_Pie3D.swf

苟一旦显对引号,直接以就可了,前提是属性值是因此单引号括起来的。如果属性值是故对唤起号括起来的,要来得单引号,也足以一直运用,而不要为此“'”来替换它。

• 增加了于FusionCharts 使用UTF-8 编码的言传身教。

FCF_StackedColumn2D.swf

alternateVGridAlpha ……………[number]

showLegend ………………… [bool]是否出示系列名,默认为1(True)

xAxisName …………………… [string]横向坐标轴(x轴)名称

anchorBorderThickness ………[number]

canvasBgRatio …………………[ ?]

术二:字符串加载法

(1) 定义一个有固定格式的字符串,即可以以上述xml文件组合成字符串

7. Tool-tip/Hover标题

showValue ……………………[bool]

 

“%”百分号 ———— 需要用“%25”替换

numberScaleValue ………………[string]

dashed ……………………… [?]

Anchors …………………………[?]

yAxisNameWidth ……………… [number] (In Pixels)

animation …………………………[bool]是不是动画显示数据,默认为1(True)

canvasBorderAlpha ……………[number]

    myChart2.setDataURL(dataXml); //dataXml为字符串

baseFontColor …………………[color]图形字体颜色,6位16向前制颜色值

1. 功能特色

useRoundEdges ……………… [bool]装图表图形边角是否是吗圆角,默认为0不是

hoverText …………………… [string]设置鼠标旋停在相对应图表上面世的公文内容

Financial Charts(财经图,即蜡烛图)

• FusionCharts DOM 更加爱地管图片加载到页面上。

numberSuffix ……………………[string]增加数字后缀

subCaption ………………………[string] 图表副标题

六、Object

FCF_MSColumn3DLineDY.swf

alternateHGridColor ……………[color] 画布背景横向线条间交替出现的颜料

FCF_MSLine.swf

FCF_MSColumn2D.swf

showValue ……………………[bool]

canvasBgDepth …………………[number]安图表背景的深 

FCF_StackedBar2D.swf

thousandSeparator ………………[number]点名千分叉各分隔符,默认为’,’

plotFillAlpha ……………………[number]

outCnvBaseFont ………………[string]图形画布以外的书样式

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

3. 图和画布的体裁

forceDecimals ……………………[bool] 

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

   <set label=’Jan 2006′ value=’45456′ />

Funnel Chart(漏斗图)

canvasPadding

showShadow ……………………[bool]是否出示阴影

 二、部分效果亮

rotateValues ………………………[bool]是否滚动显示值 (showValues=’1’)

支持性 Font

Multi-series Column 3D + Line – Dual Y Axis

alternateVGridAlpha ……………[number]

7. Tool-tip/Hover标题

color ………………………… [color]折线的水彩

FCF_StackedBar2D.swf

Multi-series Bar 2D

anchorBgColor ……………… [string]

• 增加了新的PHP API ,并修复了部分BUG。

支持性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

Single Series Charts(单系列图片)

anchorBorderThickness …………[number]

VDIVLINES 垂直的列表区域

Stacked Column 3D

dashGap ………………………[?]

2. 图题和轴名称 

dashed ……………………… [?]

Seriesname ……………………[string]折线的称呼

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

 

lineThickness …………………[number]折线的厚薄

animation …………………………[bool]是不是动画显示数据,默认为1(True)

isTrendZone ……………… [?]

showDivLineValues ………………[bool]

baseFontSize ………………… [number]图表字体大小

BACKGROUND 整个图表的背景

Ø FusionCharts 是InfoSoft Global 公司之一个活,InfoSoft Global 公司是正式的Flash 图形方案提供商,他们还有几磨蹭外的,基于Flash 技术的制品,都死的可观。

FCF_Candlestick.swf

Line 2D

showDivLineValues …………… [string]是否出示Div行的价值,默认??

plotBorderAlpha …………………[number]

SUBCAPTION 图表子标题

decimalSeparator ……………… [number]从而指定的字符来替代小数点 

vDivLineDashGap ………………[?]

2. 以html文件里,SWF的路径设置不得法。

 在FCF里,一些突出的编码还用经过编码。如:

toolTipBorderColor …………… [color] 6号16迈入制颜色值

canvasBaseDepth ……………… [number]安装图表基部的可观 

showName ………………………[bool]是否出示折线的名

   <line startValue=’895′ color=’FF0000′ displayvalue=’Average’ /> 

Pie 3D

YAXISVALUES y轴的值列表

   <set label=’Dec 2005′ value=’36556′ />

5. 区划区线和网格

showValues ………………………[bool]是不是在图显示相应之数据值,默认为1(True)

lineThickness …………………[number]折线的薄厚

“%”百分号 ———— 需要用“%25”替换

color ………………………… [color]折线的颜料

财经 1财经 2财经 3财经 4财经 5财经 6财经 7财经 8

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

季、引起flash图像不可知显的也许原因

bgRatio ………………………[number]基本上个颜色值所占用的比值,[0-100]

(2) js加载方法,代码如下:

动画片属性 _alpha、_x、_y

showLimits ………………………[bool]是不是出示图表限值(y轴最深、最小值),默认为1(True)

formatNumber ……………………[number]逗号来分隔数字(千位,百万个),默认为1(True);若取0,则无加以分隔符

支撑性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

FCF_StackedArea2D.swf

showOnTop ……………… [?]

chartRightMargin ………………[number]安图表右边距,像从

color ……………………………[color]置以图纸中互呼应之柱行图的颜料

“¥”人名币符号—— 需要用“%A5”替换

Date.xml的内容如下:

Gantt Chart(甘特图)

plotFillColor ……………………[color]

动画片属性 _alpha、_x、_y、_xScale、_yScale

labelStep ………………………  [number] (1 or above)

Multi-series Column 3D + Line – Dual Y Axis

Combination Charts(组合图)

1. xml文书并未放开正确的文本夹。

valuePadding ……………………[?]

Ø FusionCharts free 是一个跨平台,跨浏览器的flash 图表组件解决方案,能够让ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单HTML 页面还PPT 调用。

chartTopMargin ……………… [number]安装图表上边距,像从

decimals …………………………[number]设置鼠标悬停在图上显得百分比的精确度[0-10]

alpha ………………………… [number]折线的透明度

canvasBgAlpha …………………[number]画布透明度,[0-100]   0为未透明

支撑性 Animation、Shadow、Glow、Bevel、Blur

bgAngle ………………………[number]角度,[0-360]

value ……………………………[number/string]安以图中逐条名字想对应的价

showLegend ………………… [bool]是不是出示系列名,默认为1(True)

* HexColorCode  – 六进制颜色代码,前边没有‘#’。例如:<graph bgColor=’FFFFDD’>

showAlternateHGridColor ………[string]是否当横向网格带交替的水彩,默认为0(False)

支持性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

endValue ……………………[?]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

canvasPadding

法一致:xml文件引用法

FCF_Column3D.swf

五、特殊字符

anchorRadius ………………… [number] pixels 半径

showName …………………… [bool]设置于是否出示图表中互呼应X轴的name,默认为1展示 

(二)如果你拿走了一个“Error in Loading Data”的音信,可能是:

Stacked Bar 2D

zeroPlaneThickness ……………[number]

六、Object

VDIVLINES 垂直的列表区域

valueOnRight ………………[?]

<trendLines>

2. 图纸题和轴名称 

toolTipBgColor …………………[color] 6个16上制颜色值

动画片属性 _alpha、_x、_y、_xScale、_yScale

TOOLTIP 于鼠标移动至数据点上之时节的唤起

showAlternateVGridColor ………[string]是不是在纵向网格带交替的颜色,默认为0(False)

财经 9财经 10财经 11财经 12财经 13财经 14财经 15财经 16

yAxisMinValue ………………… [number]点名纵轴(y轴)最小值,数字

chartTopMargin ……………… [number]安装图表上边距,像从

   </trendLines>

• 增加了用jsp 和Ruby on Rails 来集成FusionCharts 的代码和文档。

Gantt Chart(甘特图)

2. 在html文件里,SWF的路线设置不正确。

plotBorderDashed ………………[string]bool 是否利用虚线(柱形图边界线)

<div id=”chartdiv1”></div>

<script type="text/javascript">  
    var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");    
     myChart2.setDataURL("Data.xml");    
     myChart2.render("chartdiv1");   
 </script> 

 

alternateHGridColor ……………[string]横向网格带交替的颜料,6号16迈入制颜色值

FCF_StackedColumn3D.swf

vDivLineIsDashed ………………[?]

anchorRadius ………………… [number] pixels 半径

limitsDecimalPrecision ………… [number]点名y轴最深、最小值的多少数位的位数,[0-10]

• 修改了FusionCharts.js ,以便可以支撑双引号。

支持性 Animation、Shadow、Glow、Bevel、Blur

showDivLineValues …………… [string]是否出示Div行的价,默认??

alternateVGridColor …………… [color]

rotateYAxisName …………………[bool]

bgSWFAlpha …………………[number] 背景flash透明度,[0-100]

Multi-series Column 3D + Line – Dual Y Axis

caption ………………………… [string]祈求表主标题

图形类型

8. 折线图的参数

yAxisNamePadding ……………[?]

TRENDLINES 趋势线

var dataXml = “<graph caption=’每月销售额柱形图’ xAxisName=’月份’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′><set name=’一月’ value=’462′ color=’AFD8F8′ /><set name=’二月’ value=’857′ color=’F6BD0F’ /><set name=’三月’ value=’671′ color=’8BBA00′ /><set name=’四月’ value=’494′ color=’FF8E46′ /><set name=’五月’ value=’761′ color=’008E8E’ /><set name=’六月’ value=’960′ color=’D64646′ /><set name=’七月’ value=’629′ color=’8E468E’ /><set name=’八月’ value=’622′ color=’588526′ /><set name=’九月’ value=’376′ color=’B3AA00′ /><set name=’十月’ value=’494′ color=’008ED6′ /><set name=’十一月’ value=’761′ color=’9D080D’ /><set name=’十二月’ value=’960′ color=’A186BE’ /></graph>”;

DIVLINES 水平的列表区域(由div组成的线)

DATAPLOT 数据细节(如:2D图形中之排列)

link ……………………………[string]安该柱行图的链接地址(需要URL Encode重编码)(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])

bgSWFAlpha …………………[number] 背景flash透明度,[0-100]

showValues ………………………[bool]是否在图显示相应的数据值,默认为1(True)

outCnvBaseFontSize ………… [number]图表画布以外的字体大小

anchorAlpha …………………[number]

Bar 2D

canvasBorderColor …………… [color]写布边框颜色,6位16向前制颜色值

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

1. 功力特色

Multi-series Column 2D

季、安装使用

anchorBgAlpha …………………[number]

anchorAlpha ……………………[bool]是否出示折线的节点,默认为0不出示

xAxisName …………………… [string]横向坐标轴(x轴)名称

forceDecimals ……………………[bool] 

baseFont ………………………[string]图片字体样式,如“宋体”、“黑体”

anchorSides …………………[?]

vDivLineIsDashed ………………[?]

decimalSeparator …………………[number]指定小数分隔符,默认为’.’

Stacked Column 3D

FCF_Gantt.swf

                            “NONE”](超长屏蔽、折行、倾斜、不形)

yAxisNamePadding ……………[?]

showShadow ……………………[bool]是否出示阴影

DATAPLOT 数据细节(如:2D图中之排)

Area 2D

VGRID 垂直的片独列表区域中交替的水彩

5. 分开区线和网格

   “chartdiv”就是前方的DIV的id,这就意味着把图形render到”chartdiv”,即Flash图形就出现于这个id为”chartdiv1″的DIV里。

                            (不能与formatNumberScale=’0′ formatNumber=’0’同用)

plotFillColor ……………………[color]

yAxisName ……………………[string] 纵向为标轴(y轴)名称

numVDivLines ………………… [string]画布里垂直分区线条数,数字

“€”欧元符号 ——— 需要用“%80”替换

dashGap ………………………[?]

支撑性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

anchorBgColor …………………[color]折线节点填充颜色,6各类16前行制颜色值

1. xml文书没有放开正确的文本夹。

zeroPlaneAlpha …………………[number]

FCF_Pie2D.swf

numberPrefix ……………………[string]充实数字前缀

<script type=”text/javascript” src=”FusionCharts.js”></script>

anchorRadius ……………………[number]折线节点半径,数字

FusionCharts的XML标签属性有以下四栽多少列:

anchorBorderColor ……………[color]

 chartLeftMargin ……………… [number]安装图表左边距,像素 

staggerLines …………………… [number]稍个字符后折行(labelDisplay=’stagger’)

Seriesname ……………………[string]折线的名目

Combination Charts(组合图)

anchorSides ……………………[number]边数[3-20]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

今统计价格变化规律的时候找到的一个万分好的文档,很详细

lineThickness ……………………[number]折线的厚薄

3. js加载数额变动报表(有少数种植方法)

率先种加载方法需要装数据文件的地点。如:

divLineDashGap ……………… [?]

baseFont ………………………[string]图字体样式,如“宋体”、“黑体”

(1)定义一个固定格式的xml文件(以Data.xml为条例)

thickness ………………………[number]

• 增加了动jsp 和Ruby on Rails 来集成FusionCharts 的代码和文档。

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

chartBottomMargin ……………[number]装图表下边距,像从

今天统计价格变化规律的时段找到的一个雅好之文档,很详细

showNames ………………………[bool]是不是出示横向坐标轴(x轴)标签号

labelStep ………………………  [number] (1 or above)

canvasBgRatio …………………[ ?]

showToolTip ……………………[bool]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

DATAVALUES 图表数据

anchorAlpha ……………………[number]

showAlternateVGridColor ………[color]

 showCanvasBg …………………[bool]装是否出示图表背景 

slantLabels ……………………… [bool]

staggerLines …………………… [number]聊个字符后折行(labelDisplay=’stagger’)

HGRID 水平的少独列表区域中交替的水彩

FCF_Line.swf

bgAlpha……………………… [number]安装图表背景透明度,[0-100]

rotateValues ………………………[bool]是否滚动显示值 (showValues=’1’)

五、特殊字符

3. 图纸以及画布的体制

2. xml之文件称无科学。比如,你或许不小心把其命名Data.xml.txt。

2. xml之文件称无科学。比如,你恐怕不小心将她定名Data.xml.txt。

displayValue ……………… [?]

plotBorderDashLen ……………[number] pixels

alpha ………………………… [number]安于图纸中相互对应之柱行图的透明度

“¢”分符号 ————需要用“%A2”替换 

   </trendLines>

labelPadding ……………………[?]

drawAnchors ……………………[bool]

displayValue ……………… [?]

showAlternateVGridColor ………[string]是不是当纵向网格带交替的颜色,默认为0(False)

canvasBorderColor …………… [color]写布边框颜色,6员16上制颜色值

showPlotBorder …………………[bool]

Stacked Area 2D

支持性 Animation、Shadow、Glow、Bevel、Blur

alpha …………………………[?]

chartBottomMargin ……………[number]设置图表下边距,像从

hoverCapSepChar ………………[string]指定悬停说明框内值与价值期间分隔符,默认为’,’

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

动画片属性 _alpha、_x、_y、_xScale、_yScale

plotFillAngle ………………… [number] [0-360]

<graph caption=’每月销售额柱形图’ xAxisName=’月份’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′>  

   <set name=’一月’ value=’462′ color=’AFD8F8′ />  

   <set name=’二月’ value=’857′ color=’F6BD0F’ />  

   <set name=’三月’ value=’671′ color=’8BBA00′ />  

   <set name=’四月’ value=’494′ color=’FF8E46′ />  

   <set name=’五月’ value=’761′ color=’008E8E’ />  

   <set name=’六月’ value=’960′ color=’D64646′ />  

   <set name=’七月’ value=’629′ color=’8E468E’ />  

   <set name=’八月’ value=’622′ color=’588526′ />  

   <set name=’九月’ value=’376′ color=’B3AA00′ />  

   <set name=’十月’ value=’494′ color=’008ED6′ />  

<set name=’十一月’ value=’761′ color=’9D080D’ />  

   <set name=’十二月’ value=’960′ color=’A186BE’ />  

</graph> 

FCF_Pie2D.swf

DIVLINES 水平的列表区域(由div组成的丝)

 showCanvasBg …………………[bool]安装是否出示图表背景 

showValue …………………… [bool]是否出示折线的节点值

 

plotBorderDashGap ……………[number] pixels

plotFillAlpha ……………………[number]

 

anchorRadius …………………[?]

FCF_MSColumn2D.swf

支撑性 Font

showCanvasBase ………………[bool]安是否出示图表基部

divLineDashGap ……………… [?]

 解析:操作步骤:

FCF_Area2D.swf

支持性 Animation、Shadow、Glow、Bevel、Blur

(1)定义一个固定格式的xml文件(以Data.xml为例)

   “chartdiv”就是前方的DIV的id,这就算表示将图形render到”chartdiv”,即Flash图形就起于是id为”chartdiv1″的DIV里。

valueOnRight ………………[?]

anchorBorderColor …………… [color]折线节点边框颜色,6员16上制颜色值

    var myChart = new FusionCharts(“../FusionCharts/FCF_Column3D.swf”, “myChartId”, “600”, “500”); 

 <3> 把图片渲染在指定的地方。

   <set label=’Jan 2006′ value=’45456′ />

setAdaptiveYMin

 

一、简介

showValue …………………… [bool]是不是出示折线的节点值

defaultNumberScale …………… [string] 

anchorBgAlpha …………………[number]

vDivLineColor ………………… [string]垂直分区线颜色,6位16向前制颜色值

 

“¥”人名币符号—— 需要为此“%A5”替换

yAxisMaxValue ………………… [number] 指定纵轴(y轴)最小值,数字

inThousandSeparator ……………[string]

                            “NONE”](超长屏蔽、折行、倾斜、不示)

anchorSides …………………[?]

yAxisMinValue ………………… [number]点名纵轴(y轴)最小值,数字

支持性 Animation、Shadow、Glow、Bevel、Blur

captionPadding …………………[?]

FCF_Column3D.swf

(三)如果你抱了一个“Invalid XML Data”的信,可能是:  

pieFillAlpha ……………………[number]各色块填充颜色之深度

<2> 加载数据:

canvasBgAngle …………………[number]

FCF_StackedColumn2D.swf

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

valuePadding ……………………[?]

“>”大于号 ———— 需要用“>”替换

showYAxisValues …………………[bool]是不是出示y轴数据

CANVAS 区域图中的区域

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

showLables ………………………[bool]是否出示标签,默认为1(True)显示(set中来lable属性时)

rotateNames ………………………[bool]是不是旋转展示标签(name),默认为0(False):横向显示

支撑力量 Animation 动画、Shadow 阴影、Glow 发光、Bevel 倾斜、Blur 模糊

bgSWF ……………………… [string] 设置一个标的Flash 为flash的背景(须以和一个域下)

numVDivLines ………………… [string]画布里垂直分区线条数,数字

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

borderThickness ……………… [number] 

numberScaleValue ………………[string]

 

vDivLineDashLen ………………[?]

(三)如果您拿走了一个“Invalid XML Data”的音信,可能是:  

FCF_Doughnut2D.swf

BACKGROUND 整个图表的背景

FCF_Funnel.swf

1. SWF没有放置正确的公文夹。

“&”连字符 ———— 需要用“&”替换

link ……………………………[string]安装该柱行图的链接地址(需要URL Encode重编码)(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])

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

4. 字体属性

showLables ………………………[bool]是不是出示标签,默认为1(True)显示(set中产生lable属性时)

canvasBaseDepth ……………… [number]装图表基部的万丈 

支持性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

vDivLineDashGap ………………[?]

3. js加载数变化报表(有零星栽方式)

bgAngle ………………………[number]角度,[0-360]

rotateYAxisName …………………[bool]

yAxisValueDecimals ……………[number] [0-10]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

zeroPlaneColor …………………[color]

Pie 3D

canvasBorderAlpha ……………[number]

divLineDecimalPrecision …………[number]指定水平分区线的价多少数位的位数,[0-10]

drawAnchors ……………………[bool]

      第三独参数是图片的丰厚。

Funnel Chart(漏斗图)

“€”欧元符号 ——— 需要为此“%80”替换

五、属性参数大全

yAxisValueDecimals ……………[number] [0-10]

 

setAdaptiveYMin

xAxisNamePadding ……………[?]

例2:

clickURL …………………………[string]图片的关节链接地址

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

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

inThousandSeparator ……………[string]

thousandSeparato ……………… [number]故指定的字符来代表千位分隔符

divLineDashLen ……………… [?]

divLineIsDashed ……………… [bool]画布背景线条是否为虚线

alpha ………………………… [number]折线的透明度

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

FCF_MSColumn3D.swf

inDecimalSeparator …………… [string]

labelPadding ……………………[?]

FCF_MSBar2D.swf

myChart.render(“chartdiv”);  

动画属性 _alpha、_x、_y、_xScale、_yScale

alpha …………………………[?]

decimals …………………………[number]设置鼠标悬停在图片上亮百分比的精确度[0-10]

“>”大于号 ———— 需要用“>”替换

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

FCF_MSArea2D.swf

palette …………………………… [number]应用默认的调色板(1-5)

Candlestick Chart

Multi-series Charts(多密密麻麻图片)

divLineColor ……………………[string]水平分区线颜色,6号16迈入制颜色值

动画属性 _alpha、_x、_y

Ø FusionCharts Free 则是FusionCharts 提供的一个免费版本,虽然免费,功能还强劲,图形类型依然长。

startValue ……………………[?]

numDivLines ……………………[string]画布里水平分区线条数,数字

anchorBgColor ………………[color]

borderThickness ……………… [number] 

动画属性 _alpha、_x、_y

clickURL …………………………[string]图形的纽带链接地址

<div id=”chartdiv1”></div>

<script type="text/javascript">  
    var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");    
     myChart2.setDataURL(dataXml);    
     myChart2.render("chartdiv1");   
 </script>

inDecimalSeparator …………… [string]

lineThickness ……………………[number]折线的厚薄

plotBorderAlpha …………………[number]

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

ANCHORS 锚点 用于标识line或area的数值点

      第一只参数是SWF文件的地方。

pieFillAlpha ……………………[number]各色块填充颜色之深度

labelDisplay ………………………[string ]标签的见方式[“WRAP”,”STAGGER”,”ROTATE”,

FCF_MSLine.swf

Multi-series Area 2D

showAlternateHGridColor ………[color]

Ø FusionCharts free新本子被所开的改变:

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

Showhovercap ………………… [bool]是否出示已说明框,默认为1(True)

Stacked Area 2D

FCF_Funnel.swf

showName ………………………[bool]是否出示折线的称号

outCnvBaseFontColor ……… [color]图片画布以外的字颜色,6号16迈入制颜色值

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

showAlternateHGridColor ………[string]是否当横向网格带交替的水彩,默认为0(False)

      第一单参数是SWF文件之地方。

bgSWF ……………………… [string] 设置一个表面的Flash 为flash的背景(须于跟一个域下)

动画属性 _alpha、_x、_y、_xScale

decimalSeparator …………………[number]点名小数分隔符,默认为’.’

borderColor ……………………[color]

“&”连字符 ———— 需要用“&”替换

toolText ……………………… [string] 

HGRID 水平的少独列表区域中交替的水彩

* Boolean – 布尔项目,只能为1还是者0。例如:<graph showNames=’1’> 

Multi-series Column 3D

yAxisValuesStep ………………… [number]y轴标记的展示间隔

anchorBgColor ……………… [string]

canvasBgAngle …………………[number]

alternateVGridColor …………… [color]

故四单参数建立了一个FusionCharts对象,

yAxisMaxValue ………………… [number] 指定纵轴(y轴)最小价,数字

canvasBorderThickness …………[number]描绘布边框厚度,[0-100]

alternateHGridColor ……………[string]横向网格带交替的颜料,6各类16前行制颜色值

showLavel ……………………[?]

numberPrefix ……………………[string]充实数字前缀

 <3> 把图纸渲染在指定的地方。

SUBCAPTION 图表子标题

Line 2D

caption ………………………… [string]希冀表主标题

zeroPlaneColor …………………[color]

   <line startValue=’895′ color=’FF0000′ displayvalue=’Average’ /> 

FCF_Column2D.swf

hoverCapBgColor ………………[color]住说明框背景色,6号16前行制颜色值

DATALABELS 数据的x轴标签列表

bgColor ……………………[color]图表背景色,可以用逗号分割多单颜色值 6员16向前制颜色值

XAXISNAME x轴名称

yAxisNameWidth ……………… [number] (In Pixels)

                            (不能与formatNumberScale=’0′ formatNumber=’0’同用)

<1>建立目标:

YAXISNAME y轴名称

CAPTION 图表标题

一、简介

thousandSeparator ………………[number]指定千分叉个分隔符,默认为’,’

“¢”分符号 ————需要用“%A2”替换 

DATAVALUES 图表数据

yAxisName ……………………[string] 纵为以标轴(y轴财经)名称

outCnvBaseFont ………………[string]图片画布以外的字样式

, ,


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图