必威体育Betway必威体育官网
当前位置:首页 > IT技术

Fusioncharts常用参数设置

时间:2019-11-03 15:14:32来源:IT技术作者:seo实验室小编阅读:89次「手机版」
 

fusioncharts

1.1 <chart>参数设置:

图表和轴的标题

* caption=”String” : 图表上方的标题

* subCaption=”String” : 图表上方的副标题

* xAxisName= “String” : X轴的名字

* yAxisName= “String” : y轴的名字

1.1.2 通用参数

* shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name

* showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值

* showlimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值

* rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示

* animation=”1/0″ : 设置柱型图的显示是否是动画显示

1.1.3 字体属性

* baseFont=”FontName” : 设置字体样式

* baseFontSize=”FontSize” : 设置字体大小

* baseFontcolor=”HexColorCode” : 设置字体颜色

* outCnvBaseFont = “FontName” : 设置图表外侧的字体样式

* outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小

* outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色

1.1.4 数字格式选项

* numberPrefix=”$” : 设置数据值的前缀

* numberSuffix=”p.a” : 设置数据值的后缀(如果是特殊字符,需要使用URL Encode重编码)

* formatNumber=”1/0″ : 设置是否格式化数据

* formatNumberscale=”1/0″ : 设置是否用“K”来代表千,“M”来代表百万

* decimalSeparator=”.” : 用指定的字符来代替小数点

* thousandSeparator=”,” : 用指定的字符来代替千位分隔符

* decimalPrecision=”2″ : 设置十进制的精度

* pLineDecimalPrecision=”2″: 设置y轴数值的小数位数

* limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数

1.1.5 图表边距的设置

* chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距

* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距

* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距

* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距

1.2 <set> 所具有的属性

* name=”string” : 设置在图表中体现出来的名字

example: <set name=’Jan’ …>

* value=”NumericalValue” : 设置在图表中各个名字想对应的值

Example: <set name=’Jan’ value=’12345′ …>

* color=”HexCode” : 设置在图表中相对应的柱行图的颜色

Example: <set name=’Jan’ value=’12345′ color=’636363′ …>

* hoverText=”String value” : 设置鼠标旋停在相对应的柱行图 上出现的文本内容

Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>

* link=”URL” : 设置该柱行图的链接地址(需要URL Encode重编码)

Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>

* alpha=”Numerical Value 0-100″ : 设置在图表中相对应的柱行图的透明度

Example: <set … alpha=’100′ …>

* showName=”1″ : 设置在是否显示图表中相对应的柱行图的name

Example : <set … showName=”1″ …>

功能特性

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                画布内部水平分区线条数,数字

pLineColor                水平分区线颜色,6位16进制颜色值

pLineThickness            水平分区线厚度,[1-5]

pLineAlpha                水平分区线透明度,[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]

数字格式

numberPrefix                增加数字前缀

numberSuffix                增加数字后缀    % 为 '%25'

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

decimalPrecision            指定小数位的位数,[0-10]    例如:='0' 取整

pLineDecimalPrecision    指定水平分区线的值小数位的位数,[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                        横向坐标轴标签名称

1.2.1 

<graph> 所具有的属性

flash背景参数:

* bgColor=”HexColorCode” : 设置flash的背景颜色

* bgAlpha=”NumericalValue(0-100)” : 设置背景的透明度

* bgSWF=”Path of SWF File” : 设置一个外部的Flash 为flash的背景

图表背景参数:

* canvasBgColor=”HexColorCode” : 设置图表背景的颜色

* canvasBaseColor=”HexColorCode” : 设置图表基部的颜色

* canvasBasedepth=”Numerical Value” : 设置图表基部的高度

* canvasBgDepth=”Numerical Value” : 设置图表背景的深度

* showCanvasBg=”1/0″ : 设置是否显示图表背景

* showCanvasBase=”1/0″ : 设置是否显示图表基部

图表和轴的标题

* caption=”String” : 图表上方的标题

* subCaption=”String” : 图表上方的副标题

* xAxisName= “String” : X轴的名字

* yAxisName= “String” : y轴的名字

图表数量值的限制

* yAxisMinValue=”value”: y轴最小值

* yAxisMaxValue=”value”: y舟最大值

通用参数

* shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name

* showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值

* showLimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值

* rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示

* animation=”1/0″ : 设置柱型图的显示是否是动画显示

字体属性

* baseFont=”FontName” : 设置字体样式

* baseFontSize=”FontSize” : 设置字体大小

* baseFontColor=”HexColorCode” : 设置字体颜色

* outCnvBaseFont = “FontName” : 设置图表外侧的字体样式

* outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小

* outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色

数字格式选项

* numberPrefix=”$” : 设置数据值的前缀

* numberSuffix=”p.a” : 设置数据值的后缀(如果是特殊字符,需要使用URL Encode重编码)

* formatNumber=”1/0″ : 设置是否格式化数据

* formatNumberScale=”1/0″ : 设置是否用“K”来代表千,“M”来代表百万

* decimalSeparator=”.” : 用指定的字符来代替小数点

* thousandSeparator=”,” : 用指定的字符来代替千位分隔符

* decimalPrecision=”2″ : 设置十进制的精度

* pLineDecimalPrecision=”2″: 设置y轴数值的小数位数

* limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数

水平分隔线

* numplines=”NumericalValue” : 设置水平分隔线的数量

* plinecolor=”HexColorCode” : 设置水平分隔线的颜色

* pLineThickness=”NumericalValue” : 设置水平分隔线的宽度

* pLineAlpha=”NumericalValue0-100″ : 设置水平分隔线的透明度

* showDivLinue=”1/0″ : 设置是否显示水平分隔线的数值

鼠标旋停参数

* showhovercap=”1/0″ : 显示是否激活鼠标旋停效果

* hoverCapBgColor=”HexColorCode” : 设置鼠标旋停效果的背景颜色

* hoverCapBorderColor=”HexColorCode” : 设置鼠标旋停效果的边框颜色

* hoverCapSepChar=”Char” : 设置鼠标旋停后显示的文本中的分隔符号

图表边距的设置

* chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距

* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距

* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距

* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距

Zero Plane

The zero plane is a 3D plane that signifies the 0 position on the chart. If there are no negative numbers on the chart, you won’t see a visible zero plane.

* zeroPlaneShowBorder=”1/0″ : Whether the border of a 3D zero plane would be plotted or not.

* zeroPlaneBorderColor=”Hex Code” : If the border is to be plotted, this attribute sets the border color for the plane.

* zeroPlaneColor=”Hex Code” : The intended color for the zero plane.

* zeroPlaneAlpha=”Numerical Value 0-100″ : The intended transparency for the zero plane.

<set> 所具有的属性

* name=”string” : 设置在图表中体现出来的名字

Example: <set name=’Jan’ …>

* value=”NumericalValue” : 设置在图表中各个名字想对应的值

Example: <set name=’Jan’ value=’12345′ …>

* color=”HexCode” : 设置在图表中相对应的柱行图的颜色

Example: <set name=’Jan’ value=’12345′ color=’636363′ …>

* hoverText=”String value” : 设置鼠标旋停在相对应的柱行图 上出现的文本内容

Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>

* link=”URL” : 设置该柱行图的链接地址(需要URL Encode重编码)

Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>

* alpha=”Numerical Value 0-100″ : 设置在图表中相对应的柱行图的透明度

Example: <set … alpha=’100′ …>

* showName=”1″ : 设置在是否显示图表中相对应的柱行图的name

Example : <set … showName=”1″ …>

<!--EndFragment-->

文章最后发布于: 2018-08-09 10:31:46

相关阅读

FusionCharts用法总结

前言 FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8 (原Macromedia Flash的)制

分享到:

栏目导航

推荐阅读

热门阅读