FusionCharts基本属性

属性参考官方网址:Chart Attributes | FusionCharts

样例参考官方网址:https://www.fusioncharts.com/charts/

1.Functional Attributes(功能属性)

animation='0/1' (设置图形的显示是否是动画显示)

animationDuration='1'(仅在启用动画时有效,单位秒,动画持续时间,默认1秒)

palette='1-5' (5种默认的调色板风格任你选)

paletteColors='String' (手动设置调色板的颜色paletteColors='FF0000,0372AB,FF5904...')

connectNullData='0/1'(控制数据中的空数据集是相互连接还是显示为损坏的数据集)

showAboutMenuItem='0/1'(在图形上点击右键时是否显示about链接)

showLabels='0/1'(是否显示x轴的坐标值)

maxLabelHeight='Number'(设置 x 轴标签(数据标签)的最大高度,不包括 x 轴标题。如果任何标签超出此高度,则该标签将被截断。在交错模式下,如果超过此值,将减少交错线的数量。3.5.0版本以上)

labelDisplay=' 'AUTO/WRAP/STAGGER/ROTATE/NONE'(设置自定义数据标签(x 轴标签)的对齐方式,WRAP 换行;ROTATE 垂直旋转标签;STAGGER 将标签分成多行;默认值为AUTO自动模式)

useEllipsesWhenOverflow='0/1'(在自动模式下启用时,通过添加省略号来截断长数据标签,以防止它们溢出图表背景。默认值为 1)

rotateLabels='0/1'(是否旋转x轴的坐标值)

slantLabels='0/1'(将x轴坐标值旋转为倾斜的还是完全垂直的)

labelStep='1 or above'(x轴坐标值的步长,即可以设置隔几个柱子显示一个值)

staggerLines='2 or above'(如果labelDisplay设置为STAGGER,则此属性是控制一个展示周期)

showValues='0/1'(是否在图形上显示每根柱子具体的值)

valuePosition='ABOVE/BELOW/AUTO'(如果配置showValues=1,则此属性允许调整数据值相对于数据图的垂直对齐方式。默认情况下,此属性设置为 AUTO 模式,其中每个数据值的对齐方式根据每个绘图点的位置自动确定。在 ABOVE 模式下,除非绘图点太靠近画布的上边缘,否则数据值显示在绘图点上方;而在 BELOW 模式下,除非绘图点太靠近下边缘,否则数据值将显示在绘图点下方的画布)

rotateValues='0/1'(是否旋转图形上显示的柱子的值)

placeValuesInside='0/1'(图形上柱子的值是否显示在柱子里面)

showYAxisValues='0/1'(是否显示Y轴的值)

showLimits='0/1'(是否显示极值)

showDivLineValues='0/1'(是否在divline处显示值)

yAxisValuesStep='1 or above'(Y轴值的步长)

showShadow='0/1'(是否显示阴影)

adjustDiv='0/1'(根据提供的数据自动尝试调整分割线和限值。但是,如果要设置明确的下限值和上限值以及分割线的数量,请首先将此属性设置为 false。这将禁用分割线的自动调整)

rotateYAxisName='0/1'(是否旋转Y轴的名字)

yAxisNameWidth='Number'(Y轴名字的宽度)

clickURL='String'(点击的链接地址)

clickURLOverridesPlotLinks='0/1'(设置clickURL属性(设置单击图表时用户指向的链接)是否覆盖link属性(设置单击数据图时用户指向的链接),默认值0不覆盖)

defaultAnimation='0/1'(是否使用默认动画)

yAxisMinValue='Number'(Y轴的最小值)

yAxisMaxValue='Number'(Y轴的最大值)

setAdaptiveYMin='0/1'(设置 y 轴下限是否为 0(如果图表上的所有正值),或者 y 轴下限是否应根据提供给图表的值自行适应不同的数字)

hasRTLText='Number'(此属性设置为1时,向图表指示文本(在图表上呈现)可能包含 RTL 字符,并且必须相应地管理文本显示,3.7.0版本以上)

showPrintMenuItem='0/1'(是否在图表的上下文菜单中显示“打印图表”项?即使选择在上下文菜单中隐藏该项目,仍然可以选择调用print()图表的 JavaScript 方法来打印它)

plotBinSize='Number'(此属性用于跳过数据图而不改变任何可视化。当设置为 时1,最少一个数据图将在一个像素的宽度内呈现,默认值0.5,3.12.0版本以上)

labelBinSize='Number'(此属性用于跳过数据图的标签。当设置为 时1,至少一个标签将显示在一个像素的宽度内。要禁用此标签跳过,请将此属性设置为0,默认值1,3.12.0版本以上)

theme='fusion/gammel/candy/ocean/zune/carbon/umber'(图表主题)

2.Titles and Axis Names(标题和坐标抽名称)

caption='String'(主标题名字)

subCaption='String'(副标题名字)

xAxisName='String'(X轴名字)

yAxisName='String'(Y轴名字)

3.Charts Cosmetics(图表美容属性)

bgColor='Color' (图表的背景色)

bgAlpha='0-100'(背景色的透明度)

bgRatio='1-100'(如果背景色有两个,该属性设置差异的比例)

bgAngle='0-360'(转变背景颜色的角度,设置一个倾斜度)

bgSWF='String'(用做背景的swf路径)

bgSWFAlpha='0-100'(背景swf的透明度)

canvasBgColor='Color'(画板背景颜色)

canvasBgAlpha='0-100'(画板背景透明度)

canvasBgRatio='Number'(不同画板背景色的比率)

canvasBgAngle='Number'(画布背景色显示角度)

canvasBorderColor='Color'(画板边框的颜色)

canvasBorderThickness='Number'(画板边框的宽度)

canvasBorderAlpha='0-100'(画板边框的透明度)

showBorder='0/1'(是否显示图表边框)

borderColor='Color'(边框颜色)

borderThickness='Number'(图表边框的粗细)

borderAlpha='0-100'(边框透明度)

showVLineLabelBorder='0/1'(是否显示垂直线label的宽度)

logoURL='String'(在图表上加上logo,logo图片的地址)

logoPosition='TL/TR/BL/BR/CC'(logo的位置)

logoAlpha='0-100'(logo的透明度)

logoScale='1-300'(控制logo放大缩小的倍数)

logoLink='String'(logo的链接地址)

4.Divisional Lines/Grids(分区线/网格 属性)

numDivLines='>0'(水平网格线的数量)

divLineColor='Color'(网格线颜色)

divLineThickness='1-5'(网格线粗细)

divLineAlpha='0-100'(网格线透明度)

divLineIsDashed='0/1'(网格线是否显示为虚线)

divLineDashLen='Number'(每个虚线的长度)

divLineDashGap='Number'(每个虚线间的间隔长度)

zeroPlaneColor='Color'(0值处网格线颜色)

zeroPlaneThickness='Number'(0值处网格线粗细)

zeroPlaneAlpha='0-100'(0值处网格线透明度)

showAlternateHGridColor='0/1'(是否交替显示网格颜色)

alternateHGridColor='Color'(水平网格颜色)

alternateHGridAlpha='Number'(水平网格透明度)

5.Tool-tip(工具提示属性)

showToolTip='0/1'(是否显示工具提示)

toolTipBgColor='Color'(工具提示的背景颜色)

toolTipColor='Color'(工具提示的字体颜色)

toolTipBorderColor='Color'(工具提示的边框颜色)

tooltipBorderAlpha='Number'(工具提示的边框透明度)

toolTipSepChar='String'(工具提示的分隔符)

seriesNameInToolTip='0/1'(对于多系列图表,PowerCharts XT 在工具提示中显示以下信息(除非明确定义工具文本):“Series Name(系列名称), Category Name(类别名称), Data Value(数据值)”。此属性可控制Series Name(系列名称)是否显示在工具提示中)

showToolTipShadow='0/1'(是否使工具提示带有阴影效果)

plottooltext='String'(为工具提示指定自定义文本,可以指定一个常量字符串作为工具提示文本,也可以通过在属性名称前加上$前缀来使用数据级别的变量值,例如$name$value)

tooltipPosition='auto/top/bottom'(配置工具提示的位置)

6.Paddings and Margins(填充和边距属性)

captionPadding='Number'(控制子标题和图表画布顶部之间的空间(以像素为单位)。如果未定义子标题,它控制标题和图表画布顶部之间的空间。如果既没有定义标题,也没有定义子标题,则此填充不起作用)

xAxisNamePadding='Number'(画布与x轴标题之间的距离)

yAxisNamePadding='Number'(画布与y轴标题之间的距离)

yAxisValuesPadding='Number'(画布与y轴值之间的距离)

labelPadding='Number'(画布离label之间的距离)

valuePadding='Number'(柱子离值之间的距离)

plotSpacePercent='0-80'(两个bar之间的距离)

chartLeftMargin='Number'(距左边框的距离)

chartRightMargin='Number'(距右边框的距离)

chartTopMargin='Number'(距上边框的距离)

chartBottomMargin='Number'(距下边框的距离)

legendPadding='Number'(从画布的右侧或底部填充图例)

canvasLeftMargin='Number'(画布离左边的距离)

canvasRightMargin='Number'(画布离右边的距离)

canvasTopMargin='Number'(画布离上边的距离)

canvasBottomMargin='Number'(画布离下边的距离)

7.<set> element(set元素属性)

label='String'(具体的标签)

value='Number'(具体的值)

displayValue='String'(显示的值)

color='Color'(该柱子的颜色)

link='String'(链接地址)

toolText='String'(气泡提示时显示的值)

showLabel='0/1'(是否显示标签)

showValue='0/1'(是否显示此柱子的值)

dashed='0/1'(柱子的边框是否显示为虚线)

alpha='Number'(柱子的透明度)

8.Plot Cosmetics(节点美容属性)

useRoundEdges='0/1'(是否显示光滑边缘)

showPlotBorder='0/1'(是否显示柱子的边框)

plotBorderColor='Color'(柱子边框的颜色)

plotBorderThickness='0-5'(柱子边框的厚度)

plotBorderAlpha='0-100'(柱子边框的透明度)

plotBorderDashed='0/1'(柱子边框是否显示为虚线)

plotBorderDashLen='Number'(虚线的长度)

plotBorderDashGap='Number'(虚线的间隔)

plotFillAngle='0-360'(数据填充色角度)

plotFillRatio='0-100'(数据填充色比率)

plotFillAlpha='0-100'(数据填充色透明度)

plotGradientColor='Color'(数据的有坡度颜色方案)

9.Number Formatting(数字格式化属性)

formatNumber='0-1'(是否格式化数值)

formatNumberScale='0-1'(是否对大数值以k,M方式表示)

defaultNumberScale='String'(默认的数字格式化)

numberScaleUnit='String'(设置进位规则对应的单位eg:k,m,b)

numberScaleValue='String'(设置进位的规则eg:1000,1000,1000)

numberPrefix='String'(数值前缀)

numberSuffix='String'(数值后缀)

decimalSeparator='String'(设置小数点的分隔符的表示形式,|.)

thousandSeparator='String'(设置3位数值之间的分隔符的表示形式,|.)

inDecimalSeparator='String'(设置小数分隔符)

inThousandSeparator='String'(设置千位分隔符)

decimals='0-10'(小数点后保留几位)

forceDecimals='0/1'(小数点后位数不够的,是否强制补0)

yAxisValueDecimals='0-10'(y轴值保留几位小数)

10.Font Properties(字体属性)

baseFont='String'(字体)

baseFontSize='0-72'(字体大小)

baseFontColor='Color'(字体颜色)

outCnvBaseFont='String'(画板外的字体)

outCnvBaseFontSize='0-72'(画板外的字体大小)

outCnvBaseFontColor='Color'(画板外的字体颜色)

11.Vertical Lines(垂直线属性)

color='Color'(颜色)

thickness='Number'(厚度)

alpha='0-100'(透明度)

dashed='0/1'(是否使用虚线)

dashLen='Number'(虚线的长度)

dashGap='Number'(虚线间隔的长度)

label='String'(此垂直线的名字)

showLabelBorder='0/1'(是否显示label的边框)

linePosition='0/1'(line的位置)

labelPosition='0/1'(label的位置)

labelHAlign='left/center/right'(水平线label的位置)

labelVAlign='top/middle/bottom'(垂直线label的位置)

12.Trend Lines(趋势线属性)

startValue='Number'(开始值)

endValue='Number'(结束值)

displayValue='String'(显示的值)

color='Color'(颜色)

isTrendZone='0/1'(是否显示趋势线)

showOnTop='0/1'(趋势线是否显示在上面)

thickness='Number'(趋势线的宽度)

alpha='0-100'(趋势线的透明度)

dashed='0/1'(趋势线是否为虚线)

dashLen='Number'(趋势线虚线的长度)

dashGap='Number'(虚线之间的间隔长度)

valueOnRight='0/1'(趋势线的标记是否在右边)

toolText='String'(趋势线标记的名字)

官网属性也在不断变化和完善,以官网为准哦~~~


版权声明:本文为Ly_LittleStar原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。