想用一張報表滿足多人需求？只需這3招，輕松實現(xiàn)0到100分新突破

企業(yè)中不同角色的人在看數(shù)據(jù)時，關(guān)心的詳盡程度往往各有不同，管理者更關(guān)注粗粒度、如每個月的表現(xiàn)，一線運營人員則會希望看到每一天的表現(xiàn)。那么分析師應該如何只用一張報表來同時滿足不同用戶的需求呢？

下面的做法將幫助您解決動態(tài)維度轉(zhuǎn)換，通過腳本函數(shù)的編寫，實現(xiàn)餅圖上下鉆取、圖表動態(tài)綁定維度列、多維能力指數(shù)分析等功能場景，隨心所欲替換展示不同需求。

01 餅圖下鉆

內(nèi)容描述：

通過超鏈接進行頁面刷新并傳參，在全局腳本中的變化時運行進行判斷是下鉆效果還是上鉆效果，并改變餅圖綁定參數(shù)列。

圖片展示：

8a074b46892148b5b410aab297b2dc3e~tplv-tt-shrink:640:0.image

效果描述：

通過點擊總銷量中的某省份部分餅圖，跳轉(zhuǎn)到省份下各市所對應的數(shù)據(jù)餅圖，再次點擊餅圖跳轉(zhuǎn)回總銷量圖。

腳本部分：

if (param["省份"]==x) //設(shè)置判斷所在層參數(shù)

{param["省份"]=null}

if (isNull(param["省份"])) //判斷實現(xiàn)效果是上鉆或下鉆

{var x=param["省份"] //上鉆設(shè)置

var bcol = new BCol("省份", STRING, true); //初始化維度列

var qcol = new ChartDimCol(bcol);

圖表1.binding.markCol["Sum_銷量"].colorField = qcol; //設(shè)置標記組中顏色綁定的列

圖表1.binding.markCol["Sum_銷量"].textField = qcol; //設(shè)置標記組中標簽綁定的列

圖表1.xtitle.title='總銷量'} //設(shè)置組件標題

else

{var x=param["省份"] //下鉆設(shè)置

var bcol = new BCol("地市", STRING, true);

var qcol = new ChartDimCol(bcol);

圖表1.binding.markCol["Sum_銷量"].colorField = qcol;

圖表1.binding.markCol["Sum_銷量"].textField = qcol;

圖表1.xtitle.title=param["省份"]+'銷量'}

02 圖標動態(tài)綁定

內(nèi)容描述：

該報告通過列表參數(shù)對柱狀圖的維度與度量的動態(tài)綁定分別作了示例。

圖片展示：

77c8b4468c044c91b6725c67b0cacdbd~tplv-tt-shrink:640:0.image

效果描述：

通過右側(cè)的列表參數(shù)動態(tài)綁定不同的維度與度量，實現(xiàn)不同指標的多維展示。

腳本部分：

//變化時運行

//維度動態(tài)綁定

var arr = 列表參數(shù)1.getSelectedObjects(); //獲取列表參數(shù)的所選項存入數(shù)組arr中

function test(chart){

chart.binding.clearXCols(); //清空綁定維度

for(var i = 0; i < arr.length; i++){ //通過循環(huán)將所選項維度依次進行綁定

var bcol = new BCol(arr[i],STRING,true); //創(chuàng)建一個底層字段

var dimCol = new ChartDimCol(bcol); //創(chuàng)建圖表所用的維度字段

chart.binding.addXCol(i,dimCol); //綁定維度字段

}

test(圖表1);

//度量動態(tài)綁定

var arr2 = 列表參數(shù)2.getSelectedObjects(); //獲取列表參數(shù)的所選項存入數(shù)組arr2中

function test2(chart2){

chart2.binding.clearYCols(); //清空綁定度量

for(var j= 0; j < arr2.length; j++){ //通過循環(huán)將所選項度量依次進行綁定

var bcol2 = new BCol(arr2[j],DOUBLE,false); //創(chuàng)建一個底層字段

var measureCol2 = new ChartMeasureCol(SUM,bcol2); //創(chuàng)建圖表所用的度量字段

chart2.binding.addYCol(j,measureCol2); //綁定度量字段

}

test2(圖表2);

03 多維能力指數(shù)分析

內(nèi)容描述：

該報告主要由三部分組成，企業(yè)對比選擇、指標展示選擇、能力圖展示。通過列表參數(shù)組件通過選擇不同的選項動態(tài)綁定雷達圖的維度與度量，實現(xiàn)不同能力不同公司的對比。

ccb61d869aed46b6b35a334ab28dfa40~tplv-tt-shrink:640:0.image

圖片展示：

7bd76375786044d6853ad54e109f520c~tplv-tt-shrink:640:0.image

效果描述：

通過左側(cè)的企業(yè)對比選擇動態(tài)綁定不同的維度，實現(xiàn)不同企業(yè)或公司的對比，通過右側(cè)的指標展示選擇動態(tài)綁定不同的度量，實現(xiàn)不同指標的多維展示。

腳本部分：

裝載時運行：

//創(chuàng)建設(shè)置變量

var arr1 = new Array();

var brr1 = new Array();

var list_total_len = 0;

var index_1_len = index_1.getSelectedObjects().length;

var index_2_len = index_2.getSelectedObjects().length;

var index_3_len = index_3.getSelectedObjects().length;

//將指標選項寫入數(shù)組arr1，并將選擇個數(shù)計入list_total_len

if(index_1_len > 0){

for(i=0;i

arr1[i]=index_1.getSelectedObjects()[i]

};

list_total_len = index_1_len

};

if(index_2_len > 0){

for(i=0;i

arr1[i+list_total_len] = index_2.getSelectedObjects()[i];

}

list_total_len = list_total_len + index_2_len;

};

if(index_3_len > 0){

for(i=0;i

arr1[i+list_total_len] = index_3.getSelectedObjects()[i];

}

list_total_len = list_total_len + index_3_len;

};

//創(chuàng)建度量列，綁定度量列

if(list_total_len > 0){

圖表1.binding.clearYCols(); //清空綁定度量

for(k=0;k < list_total_len;k++){

var acol = new BCol(arr1[k],DOUBLE, false); //初始化創(chuàng)建綁定列

var bcol = new ChartMeasureCol(NONE,acol,null); //創(chuàng)建圖表所用的度量字段

brr1[k] = bcol; //將創(chuàng)建好的度量字段綁定到brr1數(shù)組中

}

var ld_col = new RadarMarkCol(brr1); //創(chuàng)建雷達字段

//給圖表的行軸增加字段，用戶需要指定增加字段的位置以及字段名

圖表1.binding.addYCol(1,ld_col);

var ccol=new BCol("公司",STRING,true);

var dcol=new ChartDimCol(ccol);

//給圖表的分組增加字段，用戶需要指定增加字段的位置以及字段名

圖表1.binding.addGrpCol(1,dcol)

圖表1.binding.markCol[toString(arr1[0])].colorField=dcol; //綁定指標字段

};

//保存變量

param['company_list_len']=company_total_len;

param['index_list_len']=list_total_len;

變化時運行：

//除了標紅字段不同，其他部分與裝載時運行一致

var arr1 = new Array();

var brr1 = new Array();

var list_total_len = 0;

var index_1_len = index_1.getSelectedObjects().length;

var index_2_len = index_2.getSelectedObjects().length;

var index_3_len = index_3.getSelectedObjects().length;

if(index_1_len > 0){

for(i=0;i

arr1[i]=index_1.getSelectedObjects()[i]

};

list_total_len = index_1_len

};

if(index_2_len > 0){

for(i=0;i

arr1[i+list_total_len] = index_2.getSelectedObjects()[i];

}

list_total_len = list_total_len + index_2_len;

};

if(index_3_len > 0){

for(i=0;i

arr1[i+list_total_len] = index_3.getSelectedObjects()[i];

}

list_total_len = list_total_len + index_3_len;

};

if(list_total_len > 0){

圖表1.binding.clearYCols();

for(k=0;k < list_total_len;k++){

var acol = new BCol(arr1[k],toString(arr1[k]),DOUBLE, false);?//創(chuàng)建綁定列

var bcol = new ChartMeasureCol(NONE,acol,null);

brr1[k] = bcol;

}

var ld_col = new RadarMarkCol(brr1);

圖表1.binding.addYCol(1,ld_col);

var ccol=new BCol("公司",STRING,true);

var dcol=new ChartDimCol(ccol);

圖表1.binding.addGrpCol(1,dcol);

圖表1.binding.markCol[toString(arr1[0])].colorField=dcol;

};

param['company_list_len']=company_total_len;

param['index_list_len']=list_total_len;

通過對以上三種使用場景的學習了解，相信各位數(shù)據(jù)分析師又豐富了自己的分析手段和能力，當遇到用戶希望在一個組件中實現(xiàn)多維度轉(zhuǎn)換分析的時候，大家就可以使用以上腳本來實現(xiàn)用戶的需求。

閱讀全文

報表(9631) 報表(9631)

91欧美超碰AV自拍|国产成年人性爱视频免费看|亚洲日韩欧美一厂二区入|人人看人人爽人人操aV|丝袜美腿视频一区二区在线看|人人操人人爽人人爱|婷婷五月天超碰|97色色欧美亚州A√|另类A√无码精品一级av|欧美特级日韩特级

搜索歷史

想用一張報表滿足多人需求？只需這3招，輕松實現(xiàn)0到100分新突破

評論

搜索歷史

想用一張報表滿足多人需求？只需這3招，輕松實現(xiàn)0到100分新突破

01 餅圖下鉆

02 圖標動態(tài)綁定

03 多維能力指數(shù)分析

評論

想用一張報表滿足多人需求？只需這3招，輕松實現(xiàn)0到100分新突破