|
<< Click to Display Table of Contents >> 图表组件的脚本函数 |
  
|
|
<< Click to Display Table of Contents >> 图表组件的脚本函数 |
|
❖组表组件的脚本函数
函数 |
说明 |
举例 |
|---|---|---|
dodgeMark |
当有多个标记时，设定多个标记是否重叠显示 |
Chart1.dodgeMark=false;//重叠显示 |
hiddenTip |
当鼠标悬停时是否显示标记对应的值 |
Chart2.hiddenTip=true;//隐藏显示值 |
overlapType |
是否重叠图表标签,详细介绍见下表(图表标签) |
Chart1.overlapType=OVERLAP_N; |
LineColor |
网格线条的颜色 |
Chart1.setLineColor(loc, 0xff2219); |
LineStyle |
网格线条的样式 |
Chart1.setLineStyle(loc, THICK_LINE); |
Rotation |
旋转角度 |
Chart1.setRotation(loc, ROTATION_90); |
getTargetLine |
获取图表的目标线 |
Chart1.getTargetLine(0).name = "targetline1"; |
getTargetLineSize |
获取图表的目标线的数量 |
debug(Chart1.getTargetLineSize()); |
Bchart |
原始图表 |
var bc= getBChart(); |
❖图表标签
标签重叠类型 |
相应的常量 |
说明 |
|---|---|---|
OVERLAP_A |
0 |
自动 |
OVERLAP_N |
1 |
保留重叠标签 |
OVERLAP_S |
2 |
打散重叠标签 |
OVERLAP_R |
3 |
删除重叠标签 |
❖图表组件关于绑定的脚本函数
函数 |
说明 |
举例 |
|---|---|---|
axisPosition |
轴的显示位置,见下表 |
Chart1.binding.axis["Sum_price"].axisPosition=-2; |
base |
基值 |
Chart1.binding.axis["Sum_price"].base=500; |
discrete |
是否是离散轴 |
Chart1.binding.axis["product"].discrete=true; |
everyN |
每隔多少个刻度显示标签 |
Chart1.binding.axis["Sum_price"].everyN=3; |
Values |
刻度值 |
var vals = [0, 152579, 814929, 1017986]; Chart1.binding.axis["Sum_sales"].setValues(vals); |
gridLineVisible |
网格线是否可见 |
Chart1.binding.axis["product"].gridLineVisible=false; |
ignoreNull |
是否忽略空值 |
Chart1.binding.axis["product"].ignoreNull=true; |
labelPosition |
标签的位置 |
Chart1.binding.axis["product"].labelPosition=LABEL_INNER;//LABEL_OUTER |
labelVisible |
标签是否可见 |
Chart1.binding.axis["product"].labelVisible=false; |
lineVisible |
轴线是否可见 |
Chart1.binding.axis["product"].lineVisible=false; |
logScala |
是否为对数刻度 |
Chart1.binding.axis["price"].logScala=false; |
majorIncrement |
主要刻度 |
Chart1.binding.axis["Sum_price"].majorIncrement=10000; |
max |
最大值 |
Chart1.binding.axis["Sum_price"].max=10000; |
min |
最小值 |
Chart1.binding.axis["Sum_price"].min=0; |
minorIncrement |
次要刻度 |
Chart1.binding.axis["Sum_price"].minorIncrement=500; |
shareGroup |
共享轴 |
Chart1.binding.axis["Sum_profit"].shareGroup="shareAxis"; Chart1.binding.axis["Sum_sales"].shareGroup="shareAxis"; |
reversed |
反转 |
Chart1.binding.axis["product"].reversed=true; |
tickPosition |
刻度位置 |
Chart1.binding.axis["product"].tickPosition=TICK_INNER;//TICK_OUTER、TICK_CROSS |
tickVisible |
刻度是否可见 |
Chart1.binding.axis["product"].tickVisible=false; |
timeScala |
是否是时间轴 |
Chart1.binding.axis["product"].timeScala=false; |
visible |
是否可见 |
Chart1.binding.axis["product"].visible=false; |
colNumber |
图例的显示列数 |
Chart1.binding.markCol["Sum_price"].colorLegend.colNumber=2; |
title |
标题 |
Chart1.binding.markCol["Sum_price"].colorLegend.title="a"; |
titleVisible |
标题是否可见 |
Chart1.binding.markCol["Sum_price"].colorLegend.titleVisible=false; |
hiddenMeasures |
鼠标悬停时增加显示所设置的未绑定度量值 |
Chart1.binding.hiddenMeasures = [new MeasureCol(SUM, new BCol("ID", INTEGER, false))];//鼠标悬停时增加显示Sum_ID的值 |
tipFormat |
动态的显示tip的值 |
Chart1.binding.markCol["Sum_PROFIT"].tipFormat = "{col[\"PRODUCT\"]}"; |
colorField |
给美化界面上的颜色行绑定字段 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); Chart1.binding.markCol["Sum_price"].colorField=qcol; |
colorGuide |
设定颜色类型，详细介绍见下表(美化界面-颜色） |
var d = new RainbowColorGuide(); Chart1.binding.markCol["Sum_price"].colorGuide=d; |
explode |
分离饼图 |
Chart2.binding.markCol["Sum_price"].explode=20; |
innerRadius |
环状图的内半径 |
Chart3.binding.markCol["Sum_price"].innerRadius=30; |
mType |
图表标记类型，见下表(标记类型) |
Chart1.binding.markCol["Sum_price"].mType=BAR; |
resetGroup |
当标记类型为堆积时，是否重置 |
Chart1.binding.markCol["Sum_price"].resetGroup=false; |
patternField |
给美化界面上的图案/形状行绑定字段 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); Chart1.binding.markCol["Sum_price"].patternField=qcol; |
patternGuide |
设定图案/形状类型，详细介绍见下表(美化界面-图案/美化界面-形状） |
var d=new DefSPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
showPoints |
是否显示点 |
Chart1.binding.markCol["Sum_price"].showPoints=false; |
showRline |
显示点图的基准线 |
Chart1.binding.markCol["Sum_price"].showRline=true; |
showValues |
显示标记值 |
Chart1.binding.markCol["Sum_price"].showValues=true; |
sizeField |
给美化界面上的大小行绑定字段 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); Chart1.binding.markCol["Sum_price"].sizeField=qcol; |
sizeGuide |
设定显示大小类型，详细介绍见下表(美化界面-大小) |
var d=new ContinuousSizeGuide(); Chart1.binding.markCol["Sum_price"].sizeGuide=d; |
sizeGuide.sizeRatio |
设置柱子形状的图表中柱子显示的宽度为当前宽度的倍数，默认size为0,只支持正整数 |
Chart1.binding.markCol["Sum_ID"].sizeGuide.sizeRatio =2;（显示宽度为当前宽度的2倍） |
stackDim |
堆积字段 |
Chart1.binding.markCol["Sum_profit"].stackDim = "market"; |
stackAsBase |
堆积基值 |
Chart1.binding.markCol["Sum_price"].stackAsBase=true; |
stackNeg |
堆积负数 |
Chart1.binding.markCol["Sum_利润"].stackNeg=true; |
stackTotal |
是否显示堆积总和值 |
图表1.binding.markCol["Sum_profit"].stackTotal = true; |
stackValues |
是否堆积标记值 |
Chart1.binding.markCol["Sum_price"].stackValues=true; |
startAngle |
为饼图设定开始角度 |
Chart1.binding.markCol["Sum_price"].startAngle="45"; |
textField |
给美化界面上的标签行绑定字段 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); Chart1.binding.markCol["Sum_price"].textField=qcol; |
textGuide |
标签 |
var d=TextGuide(); Chart1.binding.markCol["Sum_price"].textGuide=d; |
addGrpCol |
给图表的分组增加字段，用户需要指定增加字段的位置以及字段名 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); Chart1.binding.addGrpCol(1,qcol); |
addXCol |
给图表的X轴增加字段，用户需要指定增加字段的位置以及字段名 |
var bcol=new BCol("nation",STRING,true); var qcol=new ChartDimCol(bcol); Chart1.binding.addXCol(1,qcol); |
addYCol |
给图表的Y轴增加字段，用户需要指定增加字段的位置以及字段名
|
var bcol1=new BCol("price2",DOUBLE,false); var qcol1=new ChartMeasureCol(SUM,bcol1,null); Chart1.binding.addYCol(1,qcol1); |
aestheticSingle |
是否是单美化指标 |
Chart1.binding.aestheticSingle=true; |
aggregate |
图表是否为聚合的 |
Chart1.binding.aggregate=true; |
blend |
混合类型 |
Chart1.binding.blend=COORD_V; |
clearGrpCols |
清除美化界面中的分组数据段 |
Chart1.binding.clearGrpCols(); |
clearXCols |
清除X轴绑定的所有字段 |
Chart1.binding.clearXCols(); |
clearYCols |
清除Y轴绑定的所有字段 |
Chart1.binding.clearYCols(); |
getGrpCol |
获取组绑定字段的信息 |
var b =Chart1.binding.getGrpCol(0); |
getXCol |
获取X轴绑定字段的信息 |
var b=Chart1.binding.getXCol(0); |
getYCol |
获取Y轴绑定字段的信息 |
var b=Chart1.binding.getYCol(0); |
grpColCount |
获得组绑定的字段数量 |
var a =Chart1.binding.GrpColCount; |
grpCols |
分组的所有字段 |
var a=[qcol,qcol1]; Chart1.binding.yCols=a; |
removeGrpCol |
移除组中指定的字段 |
Chart1.binding.removeGrpCol(0); |
removeXCol |
移除X轴上指定的字段 |
Chart1.binding.removeXCol(0); |
removeYCol |
移除Y轴上指定的字段 |
Chart1.binding.removeYCol(0); |
setGrpCol |
更换组中的特定字段 |
var col=new BCol("nation",STRING,true); var qcol=new ChartDimCol(col); Chart1.binding.setGrpCol(0,qcol); |
setXCol |
更换X轴特定字段 |
var col=new BCol("nation",STRING,true); var qcol=new ChartDimCol(col); Chart1.binding.setXCol(0,qcol); |
setYCol |
更换Y轴特定字段 |
var bcol1=new BCol("price2",DOUBLE,false); var qcol=new ChartMeasureCol(SUM,bcol1,null); Chart1.binding.setYCol(0,qcol); |
xColCount |
获得X轴绑定的字段数量 |
var a=Chart1.binding.xColCount; |
xCols |
X轴上的所有字段 |
var a=[qcol,qcol1]; Chart1.binding.xCols=a; |
yColCount |
获得X轴绑定的字段数量 |
var a=Chart1.binding.yColCount; |
yCols |
Y轴上的所有字段 |
var a=[qcol,qcol1]; Chart1.binding.yCols=a; |
❖轴的位置
轴的位置 |
相应的常量 |
说明 |
|---|---|---|
AXIS_BOTTOM_LEFT |
-1 |
左/下 |
AXIS_UPPER_RIGHT |
-2 |
右/上 |
AXIS_AUTO |
-3 |
自动 |
❖标记类型
图表的标记类型 |
相应的常量 |
说明 |
|---|---|---|
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); Chart1.binding.markCol['Sum_price'].colorGuide= d;//调用java提供的颜色 |
DiscreteColorGuide |
离散的颜色类型 |
var d=DiscreteColorGuide(); Chart1.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); Chart1.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); Chart1.binding.markCol["Sum_price"].colorGuide=d; |
RainbowColorGuide |
彩虹，无参数 |
var d = new RainbowColorGuide(); Chart1.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); Chart1.binding.markCol["Sum_price"].colorGuide=d; |
❖美化界面-形状
形状 |
说明 |
应用举例 |
|---|---|---|
DefSPatternGuide |
默认的形状类型 |
var d=new DefSPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
DBDiscreteSPatternGuide |
离散的形状 |
var d=new DiscreteSPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
TrapezoidSPatternGuide |
梯形 |
var d=new TrapezoidSPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
PolygonSPatternGuide |
多边形图 |
var d=new PolygonSPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
FillCircleSPatternGuide |
填充圆 |
var d=new FillCircleSPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
❖美化界面-图案
图案 |
说明 |
应用举例 |
|---|---|---|
DefTPatternGuide |
默认的图案类型 |
var d=new DefTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
DBDiscreteTPatternGuide |
离散的图案 |
var d=new DiscreteTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
VerticalTPatternGuide |
纵向 |
var d=new VerticalTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
TiltGridTPatternGuide |
斜格子 |
var d=new TiltGridTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
RTiltTPatternGuide |
右倾 |
var d=new RTiltTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
LTiltTPatternGuide |
左倾 |
var d=new RTiltTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
HorizontalTPatternGuide |
水平 |
var d=new HorizontalTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
GridTPatternGuide
|
格子 |
var d=new GridTPatternGuide(); Chart1.binding.markCol["Sum_price"].patternGuide=d; |
❖美化界面-大小
图案/形状 |
说明 |
应用举例 |
|---|---|---|
DefSizeGuide |
产品默认 |
var d=new DefSizeGuide(); Chart1.binding.markCol["Sum_price"].sizeGuide=d; |
DiscreteSizeGuide |
离散 |
var d=new DiscreteSizeGuide(); Chart1.binding.markCol["Sum_price"].sizeGuide=d; |
ContinuousSizeGuide |
连续 |
var d=new ContinuousSizeGuide(); Chart1.binding.markCol["Sum_price"].sizeGuide=d; |
❖混合
混合类型 |
相应的常量 |
说明 |
|---|---|---|
COORD_H |
1 |
水平 |
COORD_V |
2 |
纵向 |
COORD_O |
4 |
重叠 |
❖图表组件关于图例的脚本函数
函数 |
说明 |
举例 |
|---|---|---|
bounds |
图例的边界 |
Chart1.legends.bounds=[140,150,5,5] |
legendAlign |
图例的对齐方式,见下表（图例对齐方式） |
Chart1.legends.legendAlign=VERTICAL; |
position |
图例的位置 |
Chart1.legends.position=LEFT;//LEFT、RIGHT 、UPPER 、BOTTOM、FLOATABLE |
scrollable |
是否支持图例内容的滚动 |
Chart1.legends.scrollable=false; |
❖图例的对齐方式
对齐方式 |
相应的常量 |
说明 |
|---|---|---|
AUTO |
0 |
自动 |
VERTICAL |
1 |
垂直 |
HORIZONTAL |
2 |
水平对齐 |
❖图表组件关于X/Y轴标题的脚本函数
函数 |
说明 |
举例 |
|---|---|---|
bounds |
标题的边界 |
ytitle.bounds=[0,100,200,300]; |
position |
标题的位置 |
Chart1.xtitle.position=UPPER;//LEFT、RIGHT、BOTTOM、FLOATABLE |
title |
标题的名称 |
ytitle.title="product"; |
visible |
标题是否可见 |
ytitle.visible=true; |
❖图表组件关于目标线的脚本函数
函数 |
说明 |
举例 |
|---|---|---|
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(); |
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;
|