<< Click to Display Table of Contents >> 图表复制链接 |
1.图表组件的脚本函数
函数 |
语法 |
说明 |
举例 |
---|---|---|---|
dodgeMark |
dodgeMark:boolean |
当有多个标记时,设定多个标记是否重叠显示。 |
图表1.dodgeMark=false;//重叠显示 |
hiddenTip |
hiddenTip:boolean |
当鼠标悬停时是否显示标记对应的值。 |
Chart2.hiddenTip=true;//隐藏显示值 |
overlapType |
overlapType:int |
是否重叠图表标签。 |
图表1.overlapType=OVERLAP_N; |
LineColor |
setLineColor(Locator loc, int color):void getLineColor(Locator loc):int |
网格线条的颜色。 |
图表1.setLineColor(loc, 0xff2219); |
LineStyle |
setLineStyle(Locator loc, int style):void getLineStyle(Locator loc):int |
网格线条的样式。 |
图表1.setLineStyle(loc, THICK_LINE);
|
Rotation |
setRotation(Locator loc, int style):void getRotation(Locator loc):int |
旋转角度。 |
图表1.setRotation(loc, ROTATION_90); |
getTargetLine |
getTargetLine(int idx):Object |
获取图表的目标线。 |
图表1.getTargetLine(0).name = "targetline1"; |
getTargetLineSize |
getTargetLineSize():int |
获取图表的目标线的数量。 |
debug(图表1.getTargetLineSize()); |
getBChart |
getBChart():BChart |
获取渲染的图表。 |
var bc= getBChart(); |
标签重叠类型 |
相应的常量 |
说明 |
---|---|---|
OVERLAP_A |
0 |
自动 |
OVERLAP_N |
1 |
保留重叠标签 |
OVERLAP_S |
2 |
打散重叠标签 |
OVERLAP_R |
3 |
删除重叠标签 |
2.缩放轴
函数 |
说明 |
举例 |
---|---|---|
hasAxisRange |
是否有缩放轴 |
图表1.axisrange.hasAxisRange |
hasBtns |
是否显示缩放轴两侧的按钮 |
图表1.axisrange.hasBtns |
hasMiniChart |
是否展示小图 |
图表1.axisrange.hasMiniChart |
size |
缩放轴的宽度 |
图表1.axisrange.size |
3.绑定
函数 |
说明 |
举例 |
---|---|---|
axisPosition |
轴的显示位置,轴的显示位置说明。 |
图表1.binding.axis["Sum_price"].axisPosition=-2; |
base |
基值,同图表右侧轴设置面板里的【刻度设置->数据起始值设置】。 |
图表1.binding.axis["Sum_price"].base=500; |
discrete |
是否是离散轴。 |
图表1.binding.axis["product"].discrete=true; |
everyN |
每隔多少个刻度显示标签。 |
图表1.binding.axis["Sum_price"].everyN=3; |
Values |
刻度值。 |
var vals = [0, 152579, 814929, 1017986]; 图表1.binding.axis["Sum_sales"].setValues(vals); 图表1.binding.axis["Sum_sales"].getValues(); |
gridLineVisible |
网格线是否可见。 |
图表1.binding.axis["product"].gridLineVisible=false; |
ignoreNull |
是否忽略空值。 |
图表1.binding.axis["product"].ignoreNull=true; |
labelPosition |
标签的位置。 标签外部:LABEL_OUTER 标签内部:LABEL_INNER |
图表1.binding.axis["product"].labelPosition=LABEL_INNER; |
labelVisible |
标签是否可见 。 |
图表1.binding.axis["product"].labelVisible=false; |
lineVisible |
轴线是否可见。 |
图表1.binding.axis["product"].lineVisible=false; |
logScala |
是否为对数刻度。 |
图表1.binding.axis["price"].logScala=false; |
majorIncrement |
主要刻度 |
图表1.binding.axis["Sum_price"].majorIncrement=10000; |
max |
最大值 |
图表1.binding.axis["Sum_price"].max=10000; |
min |
最小值 |
图表1.binding.axis["Sum_price"].min=0; |
minorIncrement |
次要刻度 |
图表1.binding.axis["Sum_price"].minorIncrement=500; |
shareGroup |
共享轴 |
图表1.binding.axis["Sum_profit"].shareGroup="shareAxis"; 图表1.binding.axis["Sum_sales"].shareGroup="shareAxis"; |
reversed |
反转 |
图表1.binding.axis["product"].reversed=true; |
tickPosition |
刻度位置。 外部:TICK_OUTER 内部:TICK_INNER 横跨:TICK_CROSS |
图表1.binding.axis["product"].tickPosition=TICK_INNER; |
tickVisible |
刻度是否可见。 |
图表1.binding.axis["product"].tickVisible=false; |
timeScala |
是否是时间轴。 |
图表1.binding.axis["product"].timeScala=false; |
visible |
是否可见。 |
图表1.binding.axis["product"].visible=false; |
colNumber |
图例的显示列数。 |
图表1.binding.markCol["Sum_price"].colorLegend.colNumber=2; |
title |
标题 |
图表1.binding.markCol["Sum_price"].colorLegend.title="a"; |
titleVisible |
标题是否可见。 |
图表1.binding.markCol["Sum_price"].colorLegend.titleVisible=false; |
hiddenMeasures |
鼠标悬停时增加显示所设置的未绑定度量值。 |
图表1.binding.hiddenMeasures = [new MeasureCol(SUM, new BCol("ID", INTEGER, false))]; //鼠标悬停时增加显示Sum_ID的值,同绑定到图表标记组->提示的效果。 |
tipFormat |
动态的显示tip的值。 |
图表1.binding.markCol["Sum_PROFIT"].tipFormat = "产品: {col[\"PRODUCT\"]}"; |
colorField |
给美化界面上的颜色行绑定字段。 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); 图表1.binding.markCol["Sum_price"].colorField=qcol; |
colorGuide |
设定颜色类型。 |
var d = new RainbowColorGuide(); 图表1.binding.markCol["Sum_price"].colorGuide=d; |
explode |
分离饼图 |
Chart2.binding.markCol["Sum_price"].explode=20; |
innerRadius |
环状图的内半径。 |
Chart3.binding.markCol["Sum_price"].innerRadius=30; |
mType |
图表标记类型 |
图表1.binding.markCol["Sum_price"].mType=BAR; |
resetGroup |
当标记类型为堆积时,是否重置。 |
图表1.binding.markCol["Sum_price"].resetGroup=false; |
patternField |
给美化界面上的图案/形状行绑定字段。 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); 图表1.binding.markCol["Sum_price"].patternField=qcol; |
patternGuide |
设置图案/形状类型。 |
var d=new DefSPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
showPoints |
是否显示点。 |
图表1.binding.markCol["Sum_price"].showPoints=false; |
showRline |
显示点图的基准线。 |
图表1.binding.markCol["Sum_price"].showRline=true; |
showValues |
显示标记值。 |
图表1.binding.markCol["Sum_price"].showValues=true; |
sizeField |
给美化界面上的大小行绑定字段。 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); 图表1.binding.markCol["Sum_price"].sizeField=qcol; |
sizeGuide |
设置显示大小类型。 |
var d=new ContinuousSizeGuide(); 图表1.binding.markCol["Sum_price"].sizeGuide=d; |
sizeGuide.sizeRatio |
设置柱子形状的图表中柱子显示的宽度为当前宽度的倍数,默认为0,只支持正整数。 |
图表1.binding.markCol["Sum_ID"].sizeGuide.sizeRatio =2;(显示宽度为当前宽度的2倍) |
stackDim |
堆积字段 |
图表1.binding.markCol["Sum_profit"].stackDim = "market"; |
stackAsBase |
堆积基值 |
图表1.binding.markCol["Sum_price"].stackAsBase=true; |
stackNeg |
堆积负数 |
图表1.binding.markCol["Sum_利润"].stackNeg=true; |
stackTotal |
是否显示堆积总和值。 |
图表1.binding.markCol["Sum_profit"].stackTotal = true; |
stackValues |
是否堆积标记值。 |
图表1.binding.markCol["Sum_price"].stackValues=true; |
startAngle |
为饼图设定开始角度。 |
图表1.binding.markCol["Sum_price"].startAngle="45"; |
textField |
给美化界面上的标签行绑定字段。 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); 图表1.binding.markCol["Sum_price"].textField=qcol; |
textGuide |
标签 |
var d=TextGuide(); 图表1.binding.markCol["Sum_price"].textGuide=d; |
addGrpCol |
给图表的分组增加字段,用户需要指定增加字段的位置以及字段名。 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); 图表1.binding.addGrpCol(1,qcol); |
addXCol |
给图表的列轴增加字段,用户需要指定增加字段的位置以及字段名。 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); 图表1.binding.addXCol(1,qcol); |
addYCol |
给图表的行轴增加字段,用户需要指定增加字段的位置以及字段名。
|
var bcol1=new BCol("price2",DOUBLE,false); var qcol1=new ChartMeasureCol(SUM,bcol1,null); 图表1.binding.addYCol(1,qcol1); |
aestheticSingle |
是否是单美化指标。 |
图表1.binding.aestheticSingle=true; |
aggregate |
图表是否为聚合的。 |
图表1.binding.aggregate=true; |
blend |
混合类型 |
图表1.binding.blend=COORD_V; |
clearGrpCols |
清除美化界面中的分组数据段。 |
图表1.binding.clearGrpCols(); |
clearXCols |
清除列轴绑定的所有字段。 |
图表1.binding.clearXCols(); |
clearYCols |
清除行轴绑定的所有字段。 |
图表1.binding.clearYCols(); |
getGrpCol |
获取组绑定字段的信息。 |
var b =图表1.binding.getGrpCol(0); |
getXCol |
获取列轴绑定字段的信息。 |
var b=图表1.binding.getXCol(0); |
getYCol |
获取行轴绑定字段的信息。 |
var b=图表1.binding.getYCol(0); |
grpColCount |
获得组绑定的字段数量。 |
var a =图表1.binding.GrpColCount; |
grpCols |
分组的所有字段。 |
var a=[qcol,qcol1]; 图表1.binding.yCols=a; |
removeGrpCol |
移除组中指定的字段。 |
图表1.binding.removeGrpCol(0); |
removeXCol |
移除列轴上指定的字段。 |
图表1.binding.removeXCol(0); |
removeYCol |
移除行轴上指定的字段。 |
图表1.binding.removeYCol(0); |
setGrpCol |
更换组中的特定字段。 |
var col=new BCol("nation",STRING,true); var qcol=new ChartDimCol(col); 图表1.binding.setGrpCol(0,qcol); |
setXCol |
更换列轴特定字段。 |
var col=new BCol("nation",STRING,true); var qcol=new ChartDimCol(col); 图表1.binding.setXCol(0,qcol); |
setYCol |
更换行轴特定字段。 |
var bcol1=new BCol("price2",DOUBLE,false); var qcol=new ChartMeasureCol(SUM,bcol1,null); 图表1.binding.setYCol(0,qcol); |
xColCount |
获得列轴绑定的字段数量。 |
var a=图表1.binding.xColCount; |
xCols |
列轴上的所有字段。 |
var a=[qcol,qcol1]; 图表1.binding.xCols=a; |
yColCount |
获得列轴绑定的字段数量。 |
var a=图表1.binding.yColCount; |
yCols |
行轴上的所有字段。 |
var a=[qcol,qcol1]; 图表1.binding.yCols=a; |
轴的位置 |
相应的常量 |
说明 |
---|---|---|
AXIS_BOTTOM_LEFT |
-1 |
左/下 |
AXIS_UPPER_RIGHT |
-2 |
右/上 |
AXIS_AUTO |
-3 |
自动 |
AXIS_MIDDLE |
-4 |
居中 |
图表的标记类型 |
相应的常量 |
说明 |
---|---|---|
AUTO |
0 |
自动 |
BAR |
1 |
柱状图 |
STACK_BAR |
513 |
堆积柱状图 |
STACK_BAR_NORESET |
1537 |
堆积柱状图(不重置) |
BAR_3D |
257 |
3D柱状图 |
STACK_BAR_3D |
769 |
堆积3D柱状图 |
STACK_BAR_3D_NORESET |
1793 |
堆积3D柱状图(不重置) |
LINE |
2 |
线图 |
STACK_LINE |
514 |
堆积线图 |
POINT |
4 |
点图 |
STACK_POINT |
516 |
堆积点图 |
STACK_PIONT_NORESET |
1540 |
堆积点图(不重置) |
AREA |
8 |
面积图 |
STACK_AREA |
520 |
堆积面积图 |
STACK_AREA_NORESET |
1544 |
堆积面积图(不重置) |
PIE |
528 |
饼图 |
PIE_3D |
784 |
3D饼图 |
DONUT |
544 |
环状图 |
RADAR |
64 |
雷达图 |
FILLED_RADAR |
128 |
填充雷达图 |
WATERFALL |
515 |
瀑布图 |
PARETO |
5 |
帕累托图 |
MAP |
6 |
地图 |
Organize |
11 |
组织图 |
HeatMap |
14 |
热力图 |
BoxPlot |
13 |
盒须图 |
颜色 |
说明 |
应用举例 |
---|---|---|
DefColorGuide |
默认的颜色类型。 |
var d = new DefColorGuide(java.awt.Color.red); 图表1.binding.markCol['Sum_price'].colorGuide= d;//调用java提供的颜色 |
DiscreteColorGuide |
离散的颜色类型。 |
var d=DiscreteColorGuide(); 图表1.binding.markCol["Sum_price"].colorGuide=d; |
BrightnessColorGuide |
亮度,用户可以不设定参数,调用默认的颜色,或者调用d.setBaseColor(Color color)来设定基准色。 |
var color=new Color(java.awt.Color.red); var d=new BrightnessColorGuide(); d.setBaseColor(color); 图表1.binding.markCol["Sum_price"].colorGuide=d; |
GradientColorGuide |
设定渐变的初始颜色和终止颜色。 |
var color=new Color(java.awt.Color.red); var color2=new Color(java.awt.Color.blue); var d=new GradientColorGuide(); d.setStartColor(color); d.setEndColor(color2); 图表1.binding.markCol["Sum_price"].colorGuide=d; |
RainbowColorGuide |
彩虹,无参数。 |
var d = new RainbowColorGuide(); 图表1.binding.markCol["Sum_price"].colorGuide=d; |
SaturationColorGuide |
饱和度,用户可以不设定参数,调用默认的颜色,或者调用d.setBaseColor(Color color)来设定基准色。 |
var color=new Color(java.awt.Color.red); var d=new SaturationColorGuide(); d.setBaseColor(color); 图表1.binding.markCol["Sum_price"].colorGuide=d; |
形状 |
说明 |
应用举例 |
---|---|---|
DefSPatternGuide |
默认的形状类型。 |
var d=new DefSPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
DBDiscreteSPatternGuide |
离散的形状。 |
var d=new DiscreteSPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
FillCircleSPatternGuide
|
填充圆 |
var d=new FillCircleSPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
填充饼图 |
var d=new FillCircleSPatternGuide(); d.setFillAsPie(true) 图表1.binding.markCol["Sum_销量"].patternGuide=d; |
|
PolygonSPatternGuide |
多边形图 |
var d=new PolygonSPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
填充多边形图 |
var d=new PolygonSPatternGuide(); d.setFill(true) 图表1.binding.markCol["Sum_销量"].patternGuide=d; |
|
TrapezoidSPatternGuide
|
梯形 |
var d=new TrapezoidSPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
填充梯形 |
var d=new TrapezoidSPatternGuide(); d.setFill(true) 图表1.binding.markCol["Sum_销量"].patternGuide=d; |
|
RoundRectSPatternGuide |
填充矩形 |
var d=new RoundRectSPatternGuide(); 图表1.binding.markCol["Sum_销量"].patternGuide=d; |
图案 |
说明 |
应用举例 |
---|---|---|
DefTPatternGuide |
默认的图案类型 |
var d=new DefTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
DBDiscreteTPatternGuide |
离散的图案 |
var d=new DiscreteTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
HorizontalTPatternGuide |
横向 |
var d=new HorizontalTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
VerticalTPatternGuide |
纵向 |
var d=new VerticalTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
GridTPatternGuide |
格子 |
var d=new GridTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
LTiltTPatternGuide |
左倾 |
var d=new RTiltTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
RTiltTPatternGuide |
右倾 |
var d=new RTiltTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
TiltGridTPatternGuide |
斜格子 |
var d=new TiltGridTPatternGuide(); 图表1.binding.markCol["Sum_price"].patternGuide=d; |
大小 |
说明 |
应用举例 |
---|---|---|
DefSizeGuide |
产品默认 |
var d=new DefSizeGuide(); 图表1.binding.markCol["Sum_price"].sizeGuide=d; |
DiscreteSizeGuide |
离散 |
var d=new DiscreteSizeGuide(); 图表1.binding.markCol["Sum_price"].sizeGuide=d; |
ContinuousSizeGuide |
连续 |
var d=new ContinuousSizeGuide(); 图表1.binding.markCol["Sum_price"].sizeGuide=d; |
排布类型 |
相应的常量 |
说明 |
---|---|---|
COORD_H |
1 |
横向 |
COORD_V |
2 |
纵向 |
COORD_O |
4 |
并列 |
COORD_C |
8 |
重叠 |
➢说明:
如果多个标记都绑定到了列上,此时排布方式不能设置纵向,此时设置脚本图表1.binding.blend =COORD_V,会默认为横向,在您切换行列后变为纵向;多个标记都绑在行上时同理。
4.图例
函数 |
说明 |
举例 |
---|---|---|
bounds |
图例的边界。 |
图表1.legends.bounds=[140,150,5,5] |
legendAlign |
图例的对齐方式。 自动:AUTO,0 垂直:VERTICAL,1 水平:HORIZONTAL,2 |
图表1.legends.legendAlign=VERTICAL;
|
position |
图例的位置。 |
图表1.legends.position=LEFT; //LEFT、RIGHT 、UPPER 、BOTTOM、FLOATABLE |
scrollable |
是否支持图例内容的滚动。 |
图表1.legends.scrollable=false; |
5.行/列轴标题
函数 |
说明 |
举例 |
---|---|---|
bounds |
标题的边界。 |
ytitle.bounds=[0,100,200,300]; |
position |
标题的位置。 |
图表1.xtitle.position=UPPER; //LEFT、RIGHT、BOTTOM、FLOATABLE |
title |
标题的名称。 |
ytitle.title="product"; |
visible |
标题是否可见。 |
ytitle.visible=true; |
6.目标线
函数 |
说明 |
举例 |
---|---|---|
name |
设置目标线的名称。 |
图表1.getTargetLine(0).name="目标线1"; |
val |
设置目标线的值。 |
图表1.getTargetLine(0).val="100000"; |
startVal |
设置目标线的起始值。 |
图表1.getTargetLine(0).startVal="20000"; |
measure |
设置目标线的度量。 |
图表1.getTargetLine(0).measure="Sum_profit"; |
hiddenLB |
设置标签是否显示。 |
图表1.getTargetLine(0).hiddenLB=true; |
lineStyle |
设置目标线的样式,见边框类型表。 |
图表1.getTargetLine(0).lineStyle="49"; |
lineColor |
设置目标线颜色。 |
图表1.getTargetLine(0).lineColor=333; |
fillColor |
设置起始值到目标值之间的填充颜色。 |
图表1.getTargetLine(0).fillColor=333; |
setFillAlpha(byte fillAlpha) |
设置起始值到目标值之间的透明度。 |
图表1.getTargetLine(0).setFillAlpha(30); |
getFillAlpha |
获取起始值到目标值之间的透明度。 |
图表1.getTargetLine(0).getFillAlpha(); |
labelColor |
设置标签的颜色。 |
图表1.getTargetLine(0).labelColor=333; |
labelAlign |
设置标签的对齐方式。 |
图表1.getTargetLine(0).labelAlign=LEFT_ALIGN; |
labelFont |
设置标签字体的属性,包括风格、样式、大小、是否有下划线等。 |
var font=new GFont("宋体",BOLD,30); font.underline=1; font.strikeline=2; 图表1.getTargetLine(0).font=font; |
7.插件
函数 |
说明 |
举例 |
---|---|---|
changePropsValue(String key,Object value):void |
设置图表插件相关的属性值,key和value不能为空。 •用户自己开发的图表插件属性key可自行查看代码。 •永洪提供的图表插件属性key较多,此处不做一一列举,如需了解可联系开发。 |
var key = "title"; var value = "漏斗图"; 图表1.changePropsValue(key, value); |
8.3D模型/3D城市
函数 |
说明 |
举例 |
---|---|---|
setSkyBackground(int setSkyBackground):void |
设置天空的背景样式,支持0、1、2、3 0:无。 1:蓝天。 2:夜晚。 3:星空。 |
图表1.setSkyBackground(1); |
setGroundStyle(int setGrounds):void |
设置地面的样式,支持0、1、2 0:无。 1:拟真风格。 2:网格。 |
图表1.setGroundStyle(0); |
particleEffect:boolean |
设置是否开启粒子特效 |
图表1.particleEffect=true; |
waterwave:boolean |
设置是否开启水波特效 |
图表1.waterwave=true; |
DefaultCameraName:string |
设置默认视角,可以指定值为视角或者聚焦到某个模型。 |
图表1.defaultCameraName="cameras/视角0"; 图表1.defaultCameraName="models/模型a"。 |
carousel |
设置是否开启轮播效果 |
图表1.carousel=true |
SetCurrCamera:string |
设置当前视角 |
图表1.SetCurrCamera=视角名字 |
modelAnimation |
设置是否开启模型动画 |
图表1.modelAnimation=true |