FusionChartsv3帮助文档


FusionCharts v3 帮助文档 (By James.Wang) file:///F|/charts/汉化/汉化/Contents/AttDesc/Background.html[2010-9-26 14:08:46] XML边框与背景属性 背景是指图表的整个背景     自定义背景颜色 图表的背景颜色是完全可定制的。你可以使用一个渐变填充或使用下面的属性: 属性 描述 例子 bgColor 让你为图表设置背景颜色。使用十六进制颜色代码(不包括#)。要使用渐变填 充,指定所有需要的颜色为渐变填充,以逗号分隔。 bgColor=“647881“ bgAlpha 让你设置背景透明度。有效范围为0-100 bgAlpha=“40“ 例如:   自定义图表边框 你可以设置一个围绕图表的边框。默认情况下,2D图表的边框在内部3D的在外部。 下面显示的是一个有边框的图表。 FusionCharts v3 帮助文档 (By James.Wang) file:///F|/charts/汉化/汉化/Contents/AttDesc/Background.html[2010-9-26 14:08:46] 下面的属性可以让你控制图表边框属性: 属性 描述 例子 showBorder 是否显示图表的边框。默认情况下在二维图表中设置为1在三维图表中设置为0 showBorder=“1“ borderColor 。图表边框颜色. borderColor=“1D8BD1“ borderThickness 图表边框厚度(像素) borderThickness=“2“ borderAlpha 图表边框透明度 borderAlpha=“60“ XML 例子:   使用背景渐变填充 当使用渐变填充的背景,你可以设置透明度、颜色分布比例和角度,下面的属性可以帮助你: 属性 描述 例子 bgColor 为了填补为渐变背景,你需要定义两个(或更多)的颜色由逗号分隔。使用颜色 的十六进制代码,而不包含#。 bgColor=“99CCFF,FFFFFF“ 或 bgColor=“FF5904,FFFDDD,FFFFFF“ bgAlpha 对每个你在bgColor 属性指定的颜色代码, 你需要设置各自的透明度. 透明度用逗号 分开. bgAlpha=“40,100“ or bgAlpha=“100,60,100“ bgRatio 渐变比例最大值为100。这个属性指定的总比例之和为100,例如,如果你要绘制一 个等距梯度的两种颜色, 指定 bgRatio 为 “0,100“. bgRatio=“40,60“ bgAngle 渐变填充度 (0-360). bgAngle=“180“   外部图像或SWF文件为背景 您还可以指定外部图像(GIF,JPEG或PNG),或作为图表的背景SWF文件,如下所示: FusionCharts v3 帮助文档 (By James.Wang) file:///F|/charts/汉化/汉化/Contents/AttDesc/Background.html[2010-9-26 14:08:46] 为此,请使用以下属性: 属性 描述 例子 bgSWF 让您指定的完整路径的URL的背景图片/ SWF文件。确保图像和SWF文件的图表在同 一分域 bgSWF=“FruitsPic.jpg“ bgSWFAlpha 您可以使用此属性配置背景图像(加载的)的透明度 bgSWFAlpha=“40“   设置为透明背景 如果你想设置为透明的在HTML页面的背景图,您需要遵循这些步骤: 1. 在图表的XML数据中, 设置 2. 在嵌入图表的HTML代码中设置t myChart.setTransparent(true) 如下:
The chart will appear within this DIV. This text will be replaced by the chart.
    
下面就是一个例子所示,一个背景图像的嵌入二维柱状图的HTML页面。此外,在画布上已经取得了突出的透明效果 FusionCharts v3 帮助文档 (By James.Wang) file:///F|/charts/汉化/汉化/Contents/AttDesc/Background.html[2010-9-26 14:08:46]   应用效果的背景 你还可以使用样式来设置背景效果下面就是一个已经应用斜角效果背景的例子 XML数据如下: