欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

FusionChart配置

程序员文章站 2022-06-04 11:19:41
...

<style>

       <bgColor>FFFFFF</bgColor><!--图表背景颜色 默认白色-->

       <bgAlpha>100</bgAlpha><!-- 图表背景透明度 默认100 -->

       <bgRatio>0,100</bgRatio><!--各种颜色在渐变色中的比例 默认0,100 -->

       <bgAngle></bgAngle><!-- 渐变色填充的角度,从0360  默认180-->

       <showBorder>1</showBorder><!--是否在图表周围显示边框 默认显示-->

       <borderColor>000000</borderColor><!--图表边框颜色 默认黑色-->

       <borderThickness>1</borderThickness><!--图表边框宽度 默认1px -->

       <borderAlpha>100</borderAlpha><!--图表边框透明度 默认100-->

       <canvasbgColor>FFFFFF</canvasbgColor><!-- 画布背景色 默认白色 -->

       <canvasbgAlpha>100</canvasbgAlpha><!-- 画布透明度 默认100 -->

       <canvasBgRatio>0,100</canvasBgRatio><!-- 各种颜色在渐变色中的比例 默认0,100 -->

       <canvasBgAngle>180</canvasBgAngle><!-- 渐变色填充的角度,从0360  默认180-->

       <canvasBorderColor>000000</canvasBorderColor><!-- 画布边框的颜色 默认黑色-->

       <canvasBorderAlpha>100</canvasBorderAlpha><!-- 画布边框的透明度 默认100-->

       <canvasBorderThickness>1</canvasBorderThickness><!--画布边框的宽度  默认1px-->

       <plotgradientcolor></plotgradientcolor><!-- 全局渐变色的设置 默认无 -->

       <plotFillAngle></plotFillAngle><!-- 设定渐变色的角度0-360 默认无 -->

       <plotFillRatio></plotFillRatio><!-- 设置渐变色的比例0-100 默认无 -->

       <plotFillAlpha>100</plotFillAlpha><!-- 设置渐变色的透明度0-100 默认100 -->

       <showPlotBorder>1</showPlotBorder><!-- 是否显示数据图形的边框 默认显示-->

       <plotBorderDashed>0</plotBorderDashed><!-- 是否显示虚线边框 默认不显示虚线边框 -->

       <plotBorderDashLen>2</plotBorderDashLen><!-- 虚线的线段长度 默认2-->

       <plotBorderDashGap>2</plotBorderDashGap><!-- 虚线的线段间距 默认2-->

       <useRoundEdges>0</useRoundEdges><!-- 是否为2D柱状图和长条图添加圆角和玻璃特效 默认无 -->

       <labelDisplay>AUTO</labelDisplay><!-- 标签显示模式

       AUTO)自动模式:在自动模式下,图表会根据空间大小为数据标签自动选择最佳显示模式。

       如果数据标签的数量超过可用空间能够容纳的数量,标签就会被截短(在末尾添加省略号)、

       换行或旋转。当用户把鼠标放置于被截短的数据标签上时,出现的工具提示将会显示该标签的完整信息。

       自动模式是默认的显示模式,在切换到其他显示模式之后将被禁止。在自动模式下,

       您可以通过useEllipsesWhenOverflow属性来设定长标签是否需要被截短。默认情况下该属性被设置为1

       放置长标签溢出图表区域。但是假如您不希望在标签末尾显示省略号,可以如下设置:

        useEllipsesWhenOverflow='0'

        WRAP)换行模式:如果图表上的可用空间不足,换行模式将自动截短标签并在末尾添加省略号

        Rotate)旋转和倾斜标签: slantLabels='1' ,设定标签倾斜45

        Stagger)交错标签:FusionCharts XT推出了标签的交错显示模式,这种模式将把标签分成数行(默认两行)进行显示

        您也可以设置标签显示的行数,这可以通过< chart labelDisplay='Stagger' staggerLines='n' ..> 进行设定,在这里n就是行数

        -->

        <showLabels>1</showLabels><!-- 是否显示标签 默认显示 -->

        <showvalues>0</showvalues><!--是否显示值 默认为不显示-->

        <!-- 线形图特有-->

        <anchorSides>3</anchorSides><!--  设置锚点拥有的边数。例如有三条边的锚点将会显示为三角形,而四条边的锚点则显示为正方形 默认三角形-->

        <anchorRadius>3</anchorRadius><!-- 设置锚点的半径。半径越大,锚点的尺寸越大。默认3px -->

        <anchorBorderColor>000000</anchorBorderColor><!-- 锚点边框的颜色 默认黑色 -->

        <anchorBorderThickness>1</anchorBorderThickness><!-- 锚点边框的宽度 默认1px -->

        <anchorBgColor>FFFFFF</anchorBgColor><!-- 锚点的背景颜色 默认白色 -->

        <anchorAlpha>100</anchorAlpha><!-- 如果您希望隐藏锚点的同时保留提示信息和连接,把此属性设置为0 -->

        <anchorBgAlpha>100</anchorBgAlpha><!-- 锚点背景的透明度 默认100 -->

        <drawAnchors>0</drawAnchors><!-- 是否隐藏锚点 默认不隐藏 -->

        <!--  -->

        

 

        <showToolTip>1</showToolTip><!-- 是否显示工具提示 默认显示 -->

        <showToolTipShadow>0</showToolTipShadow><!-- 工具提示的阴影效果 默认无 -->

        <toolTipBorderColor></toolTipBorderColor><!-- 工具提示的边框颜色 默认无 -->

        <toolTipBgColor></toolTipBgColor><!-- 工具提示的背景颜色 默认无 -->

        <!-- 饼图特有 -->

        <enableSmartLabels>1</enableSmartLabels><!-- 是否显示智能标签 默认显示 -->

        <smartLineColor>000000</smartLineColor><!-- 智能标签引线的颜色 默认黑色 -->

        <smartLineThickness>1</smartLineThickness><!-- 智能标签连接线的宽度 默认1px -->

        <smartLineAlpha>100</smartLineAlpha><!-- 智能标签连接线的透明度 默认100 -->

        <isSmartLineSlanted>0</isSmartLineSlanted><!-- 智能标签连接线是直线还是斜线 默认直线-->

        <!--  -->

        

        <showLegend>1</showLegend><!-- 是否显示图例 默认显示 -->

        <legendPosition>BOTTOM</legendPosition><!-- 图例位置 默认底部 -->

 

</style>

 

 

 

 

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参数的详细说明——按图标类型 



3D饼图属性(Pie3D.swf ) 
animation 是否显示加载图表时的动画 
palette 内置的图表样式,共5个 
paletteColors 自定义图表元素颜色(为多个,如过过少会重复) 
showAboutMenuItem 右键是否显示"关于FusionCharts" 
aboutMenuItemLabel 右键关于自定义文字 
aboutMenuItemLink 右键关于自定义链接(FusionCharts链接格式) 
showZeroPies 是否显示0值的饼 
showPercentValues labels上是否显示百分数 
showPercentInToolTip tip上是否显示百分数 
showLabels 是否显示Label 
manageLabelOverflow 当Label溢出时进行自动管理 
useEllipsesWhenOverflow 当Label溢出时候使用... 
showValues 是否显示值 
labelSepChar label上的分隔符 
defaultAnimation 是否关闭默认动画一开始自定义动画 
clickURL 整个图表的点击的url 

标题 
caption 主标题 
subCaption 副标题 

图表的装饰 
showBorder 显示边框 
borderColor 边框颜色 
borderThickness 边框粗细 
borderAlpha 边框透明度 
bgColor 背景颜色 
bgAlpha 背景透明度 
bgRatio 背景比例 
bgAngle 背景角度 
bgSWF 背景flash地址可以是图片地址 
bgSWFAlpha 背景flash的透明度 
showVLineLabelBorder 
logoURL log地址 
logoPosition log位置 
logoAlpha log透明度 
logoScale log比例 
logoLink log链接 

元素的装饰 
showPlotBorder 每一片的边框 
plotBorderColor 每一片的边框颜色 
plotBorderThickness 每一片的边框粗细 
plotBorderAlpha 每一片的边框透明度 
plotFillAlpha 每一片的边框填充透明度 
use3DLighting 3d光效果 

饼/圈专有属性 
slicingDistance 当点击图表的时候这一片饼离开中心点的距离 
pieRadius 饼的外半径 
startingAngle 起始角度 
enableRotation 开启旋转 
pieInnerFaceAlpha 图表里面的透明度 
pieOuterFaceAlpha 图表外面的透明度 
pieYScale 饼立起来的角度,角度越大看到的面积越大. 
pieSliceDepth 图表的厚度 

标明线 & Labels (label和图表元素之间的线) 
enableSmartLabels 是否开启标明显 
skipOverlapLabels 跳过重复标签 
isSmartLineSlanted 标明线方式(倾斜或直) 
smartLineColor 标明线颜色 
smartLineThickness 标明线粗细 
smartLineAlpha 标明线透明度 
labelDistance 
smartLabelClearance 标明线长度 

数字 
formatNumber 逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符 
formatNumberScale 是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M 
defaultNumberScale 默认数量级 
numberScaleUnit 
numberScaleValue 
numberPrefix 数字前缀 
numberSuffix 数字后缀 
decimalSeparator 小数分隔符 
thousandSeparator 千位分割符 
inDecimalSeparator 在十进位分割符 
inThousandSeparator 在千位分割符 
decimals 小数 
forceDecimals 是否用0填充以至满足要保留的小数位 

字体 
baseFont 基本字体 
baseFontSize 基本字号 
baseFontColor 基本字颜色 
Tool-tip 
showToolTip 是否显示提示 
toolTipBgColor 提示背景色 
toolTipBorderColor 提示边框色 
toolTipSepChar 提示分隔符 
showToolTipShadow 是否显示提示Tool-tip阴影 

边距 
captionPadding 标题内边距 
chartLeftMargin 图表左外边距 
chartRightMargin 图表右外边距 
chartTopMargin 图表上外边距 
chartBottomMargin 图表下外边距 

set元素 
borderColor 边框颜色 
isSliced 被切开 
label [label] 
value 值 
color 颜色 
link 链接(FusionCharts链接格式) 
toolText 自定义提示 

图例(3.2版本以上) 
showLegend 是否显示图例 
legendPosition 图例位置 
legendCaption 图例说明 
legendIconScale 图例图标0-5(图例图标大小) 
legendBgColor 图例背景色 
legendBgAlpha 图例透明度 
legendBorderColor 图例边框颜色 
legendBorderThickness 图例边框粗细 
legendBorderAlpha 图例边框透明度 
legendShadow 图例阴影 
legendAllowDrag 是否允许拖动图例 
legendScrollBgColor 图例滚动条背景色 
legendScrollBarColor 图例滚动条颜色 
legendScrollBtnColor 图例滚动条按钮颜 
reverseLegend 反转图例 
interactiveLegend 图例交互(是否可点击) 
legendNumColumns 设置图例的列数(如果设置不当会自动设置,如果legendPosition设置为右面该属性自动设置为1) 
minimiseWrappingInLegend 


多系列折线图(MSLine.swf) 
[default] 
showLabels 是否显示Label 
labelDisplay Label的展示形式(AUTO/WRAP/STAGGER/ROTATE/NONE) 
useEllipsesWhenOverflow 当Label溢出时候使用... 
rotateLabels 旋转Label 
slantLabels 如果rotateLabels=1,设置label是否偏转个角度. 
labelStep label步伐(可以设置5个一显示/和category中showLabel='0'有些类似但不完全相同,区别在于这个属性是先展示后去掉不要的label,后者正好相反.这样对label会不会自动折行很有关系) 
staggerLines 如果 labelDisplay='STAGGER',Label显示多少行. 
showValues 是否显示值 
valuePosition 值的位置(ABOVE/BELOW/AUTO,上下自动) 
rotateValues 把值旋转 
showYAxisValues 是否y轴值 
showLimits 是否y轴极限值 
yAxisValuesStep y轴值步伐(距离几个刻度显示一个值) 
showShadow 是否显示阴影 
adjustDiv 调整线 
rotateYAxisName 是否旋转y轴名字 
yAxisNameWidth y轴名字的宽 
clickURL 图表点击的url 
defaultAnimation 默认动画 
yAxisMinValue 指定纵轴(y轴)最小值,数字 
yAxisMaxValue 指定纵轴(y轴)最小值,数字 

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

图表和画布的样式 
showBorder 是否显示边框 
borderColor 边框颜色 
borderThickness 边框粗细 
borderAlpha 边框透明度 
bgColor 图表背景色,6位16进制颜色值 
bgAlpha 图表背景透明度 
bgRatio 图表背景的放大缩小比例 
bgAngle 图表背景的角度 
bgSWF 图表背景flash也可以是图片地址 
bgSWFAlpha 图表背景flash的透明度 
canvasBgColor 画布背景色,6位16进制颜色值 
canvasBgAlpha 画布透明度,[0-100] 
canvasBgRatio 画布放大缩小比例 
canvasBgAngle 画布角度 
canvasBorderColor 画布边框颜色,6位16进制颜色值 
canvasBorderThickness 画布边框厚度,[0-100] 
canvasBorderAlpha 画布边框透明度 
showVLineLabelBorder 
[logo] 

图表元素细节 
lineColor 线的颜色 
lineThickness 线的粗细 
lineAlpha 线的透明度 
lineDashed 是否虚线 
lineDashLen 每个小虚线长度 
lineDashGap 两个小虚线间的距离 

折点 
drawAnchors 是否显示折点 
anchorSides 折点这个多边形有几个边3-20(eg:3是个三角形) 
anchorRadius 折点半径 
anchorBorderColor 折点边框颜色 
anchorBorderThickness 折点边框粗细 
anchorBgColor 折点背景色 
anchorAlpha 折点透明度 
anchorBgAlpha 折点背景透明度 

分区线和网格 
numVDivLines 画布内部垂直分区线条数,数字 
vDivLineColor 垂直分区线颜色,6位16进制颜色值 
vDivLineThickness 垂直分区线厚度,[1-5] 
vDivLineAlpha 垂直分区线透明度,[0-100] 
vDivLineIsDashed 垂直分区线是否为虚线 
vDivLineDashLen 垂直分区线每个虚线长度 
vDivLineDashGap 垂直分区线2个虚线间距离 
showAlternateVGridColor 是否在纵向网格带交替的颜色,默认为0(False) 
alternateVGridColor 纵向网格带交替的颜色,6位16进制颜色值 
alternateVGridAlpha 纵向网格带的透明度,[0-100] 
numDivLines 画布内部水平分区线条数,数字 
divLineColor 水平分区线颜色,6位16进制颜色值 
divLineThickness 水平分区线厚度,[1-5] 
divLineAlpha 水平分区线透明度,[0-100] 
divLineIsDashed 水平分区线是否为虚线 
divLineDashLen 水平分区线每个虚线长度 
divLineDashGap 水平分区线2个虚线间距离 
zeroPlaneColor 0线颜色 
zeroPlaneThickness 0线粗细 
zeroPlaneAlpha 0线透明度 
showAlternateHGridColor 是否在横向网格带交替的颜色,默认为0(False) 
alternateHGridColor 横向网格带交替的颜色,6位16进制颜色值 
alternateHGridAlpha 横向网格带的透明度,[0-100] 
showZeroPlane 是否显示0线 
[图例] 

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

图表的内外边距 
captionPadding 标题内边距 
chartLeftMargin 图表左外边距 
chartRightMargin 图表右外边距 
chartTopMargin 图表上外边距 
chartBottomMargin 图表下外边距 

Set标签 
value 数据值 
displayValue 显示的值 
color 颜色 
link 链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[java script:函数]) 
toolText 自定义提示 
showValue 是否显示值 
valuePosition 值得位置 
alpha 透明度 
anchorSides 折点这个多边形有几个边3-20(eg:3是个三角形) 
anchorRadius 折点半径 
anchorBorderColor 折点边框颜色 
anchorBorderThickness 折点边框粗细 
anchorBgColor 折点背景色 
anchorAlpha 折点透明度 
anchorBgAlpha 折点背景透明度 
dashed 虚线 


3D柱状图(Column3D.swf ) 
图表样式 
canvasBaseColor 底盘颜色 
showCanvasBase 是否显示底盘 
canvasbasecolor 底盘颜色 
柱图元素细节 
plotGradientColor 渐变色 

2D条图(Bar2D.swf ) 
区分线及网格 
alternateVGridColor 垂直网格交替的颜色。 
alternateVGridAlpha 垂直网格交替的透明度。 

2D条图(Bar2D.swf ) 
区分线及网格 
alternateVGridColor 垂直网格交替的颜色。 
alternateVGridAlpha 垂直网格交替的透明度。

 

 

相关标签: fusioncharts