大家在使用永洪BI做数据可视化的分析时,难免有些小伙伴会有对组件绑定的字段在某些特定的条件下进行动态替换的需求,要满足这个需求有时我们会用到参数列的形式来实现列的动态绑定,但是在使用参数列来实现动态绑定的情况下会有一定的局限性,比如不能很好的调整聚合的类型以及需要替换的字段的位置等,所以下面我们要介绍的内容就是如何使用脚本的方式来实现控制组件中绑定的字段的动态切换。

首先说明下我们的需求:下图中有三个组件,分别是柱图、表格和下拉参数组件。其中柱图绑定了省份和总成本两个字段,表格绑定了产品种类、产品名称和总成本三个字段,下拉参数中有三个值可供选择,现在我们需要通过选择下拉参数中相应的值来达到动态替换掉柱图和表格组件中绑定的总成本这个字段。
下面为选择相应值后的效果图:



下面就为大家详细介绍下具体的实现步骤:
01
从右侧组件库中拖拽三个组件到画布中(柱图、表格、下拉参数),然后给柱图和表格组件绑定初始所需的字段(这里以柱图展示为例)

02
在下拉参数的绑定数据——>自定义数据——>编辑数据中键入三个值(利润、销售额、销量)


03
在画布的上方工具栏中找到报告-脚本,进入之后在变化中运行编辑处编辑相应的处理脚本,相应处理脚本及操作如下:
var bcol = new BCol("总成本", INTEGER, false);
if(param["度量切换"] == "利润"){
bcol = new BCol("利润", INTEGER, false);
}
if(param["度量切换"] == "销售额"){
var bcol = new BCol("销售额", INTEGER, false);
}
if(param["度量切换"] == "销量"){
var bcol = new BCol("销量", INTEGER, false);
}
var qcol = new ChartMeasureCol(SUM, bcol, null);
图表1.binding.setYCol(0, qcol);
图表2.binding.setCol(2, qcol);


该脚本中的逻辑是:判断度量切换参数的值,若为利润,则使用BCol来引用利润字段,其他两个值同理,然后创建一个度量字段ChartMeasureCol,引用刚才的BCol,设置聚合类型为总和SUM,然后使用setYCol或者setCol函数引用度量字段来替换掉对应位置的字段,从而实现动态替换组件绑定的字段。
下面是对于脚本中一些对象的描述:
01
BCol
概述:创建一个底层字段,包含名称、字段类型、是否是维度字段三个属性。如果字段存在别名的话则需要添加的属性的格式应该是:名称、别名、字段类型、是否是维度字段。
语法:new BCol(String name, int type, boolean dim),new BCol(String name, String view, int type, boolean dim)
name,view,type,dim分别是其属性,表示名称,别名,数据类型,是否是维度。
➢例如:
•var b=new BCol("City", STRING, true);
•var b=new BCol(times," 感染次数 ", LONG, false); //有别名的情况
•还可写成 var b=new BCol("City", 2, true);
•可通过b.name,b.view,b.type,b.dim的形式来引用成员的属性。
02
ChartMeasureCol
概述:创建图表所用的度量字段。
语法:new ChartMeasureCol(String total, QCol col, QCol col2) //没有 col2 时设置为 null
total:统计函数。
col:是需要做统计函数的度量字段。
col2:做统计时需要的第二字段,对于部分函数需要。
➢例如:
计算数据的权重之和函数 SumWT(col['sales'], col['profit']) ;计算数据的四分位点Quartile(col['sales'], 4) ;
col['profit']);
axisOpt:该度量数据段对应的轴属性; // new AxisOpt();
➢例如:
var bcol = new BCol("price", DOUBLE, false);
var bcol1 = new BCol("profit", DOUBLE, false);
var a = new ChartMeasureCol(SUM, bcol, null);
var b = new ChartMeasureCol(SumWT, bcol, bcol1);
var c = new ChartMeasureCol(Quartile, bcol, 4)
对于其他字段对象的描述可见下面链接:
https://www.yonghongtech.com/help/Z-Suite/9.4/ch/scriptobjects.html
以上是本篇文章的全部内容,感谢阅读!