Skip to content

B
business-java
Commit 6f32b4b2 authored by prumde's avatar prumde
Browse files
Options

Changes for SUN CHC KPI Dashboard 

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@216531 ce508802-f39f-4f6c-b175-0d175dae99d5
parent cd095a00
Hide whitespace changes
Inline Side-by-side
Showing with 519 additions and 0 deletions
webitm-dashboard/ibase/dashboard/module-resource/sfa/metadataxml/chc/chc_kpi.xml 0 → 100644
View file @ 6f32b4b2
<?xml version='1.0'?>
<Root>
<filters display="N">
</filters>
<page_title><![CDATA[CHC SUN Activity]]></page_title>
<datasource id="1" dataSourceType="datamodel"><![CDATA[CHC_KPI_DM]]></datasource>
<view id="1" name="Default" type="flatonly">
<component datasource="1" id="1" type="COMPOSITE">
<component_icon><![CDATA[]]></component_icon>
<ComponentTitle><![CDATA[]]></ComponentTitle>
<ComponentName><![CDATA[]]></ComponentName>
<component_css><![CDATA[db-col-1]]></component_css>
<component_descr><![CDATA[]]></component_descr>
<layout>
<html><![CDATA[]]></html>
<style></style>
</layout>
<composite>
<composite_type><![CDATA[CARD_PANEL]]></composite_type>
<composite_id><![CDATA[_composite_daywise_kpi]]></composite_id>
<composite_descr><![CDATA[Day wise KPI - PC, POB, TLSD and TC]]></composite_descr>
<composite_css><![CDATA[db-col-1]]></composite_css>
<link_metadata><![CDATA[]]></link_metadata>
<column_group id="1">
<columns>
<column id="1" type="string" filterBy="SH_DESCR"><![CDATA[DAY]]></column>
</columns>
</column_group>
<column_group id="2">
<columns>
<column id="1" type="string" aggFunction="SORT_BY" order="ASC"><![CDATA[DESCR]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
component_type: 'CUSTOM_CHART_3',
detailModel: {
image_column: 'ICON',
image: 'ICON',
title_column: 'SH_DESCR',
info_column: 'ACTUAL_VALUE',
order_column: 'ACTUAL_VALUE',
sub_info_column: 'DESCR',
theme_column : 'THEME_COLOR',
info_text_column : 'ACTUAL_VALUE_STR',
subinfo_text_column : 'TARGET_VALUE_STR'
},
chart_properties: {
chartType: 'percentage',
labels: [''],
options: {
percentFactorColumn: 'TARGET_VALUE',
animateScale: true,
animateRotate: true,
width: 72,
height: 72,
responsive: true,
maintainAspectRatio: false,
tooltip: false,
cutOutPercentage: 70,
chartCenterText: " data[0] + '%'",
chartCenterTextColor1 : "#fff",
chartCenterTextFont1 : "16px Roboto,sans-serif",
condnFormat: [
{
id: "RED",
expression: "data[0] <= 60",
colors: [[252, 101, 101], [248, 248, 248]]
},
{
id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 )",
colors: [[255, 211, 90], [248, 248, 248]]
},
{
id: "GREEN",
expression: " 81 < data[0] ",
colors: [[0, 199, 153], [248, 248, 248]]
}
]
}
}
}
]]></composite_config>
</composite>
<composite>
<composite_type><![CDATA[TAB_PANEL]]></composite_type>
<composite_id><![CDATA[_composite_prod_calls_kpi]]></composite_id>
<composite_descr><![CDATA[Productive Calls]]></composite_descr>
<composite_css><![CDATA[db-col-3]]></composite_css>
<link_metadata><![CDATA[]]></link_metadata>
<column_group id="1">
<columns>
<column id="1" type="string" filterBy="DESCR"><![CDATA[Productive Calls]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
tabs_config: {
title_column : 'Productive Calls',
image : 'chc_kpi_pc.svg',
theme: 'green',
tabs: [
{
title : 'MTD',
filterExpr : ' data["DATA_GRP"] == "MTD_DETAIL" ',
summary : {
filterExpr : ' data["DATA_GRP"] == "KPI_SUMMARY" && data["SH_DESCR"] == "MTD" ',
summary_info_column : 'ACTUAL_VALUE_STR',
summary_subinfo_column : 'TARGET_VALUE_STR',
summary_data_column : 'ACTUAL_VALUE' ,
summary_target_column : 'TARGET_VALUE'
},
chartConfig: {
chartType: 'bar'
}
},
{
title : 'YTD',
filterExpr : ' data["DATA_GRP"] == "YTD_DETAIL" ',
summary : {
filterExpr : ' data["DATA_GRP"] == "KPI_SUMMARY" && data["SH_DESCR"] == "YTD" ',
summary_info_column : 'ACTUAL_VALUE_STR',
summary_subinfo_column : 'TARGET_VALUE_STR',
summary_data_column : 'ACTUAL_VALUE',
summary_target_column : 'TARGET_VALUE'
},
chartConfig: {
chartType: 'line'
}
}
],
tabChartConfig: {
x_column: 'X_VALUE',
x_column_label: 'Duration',
y_column: 'ACTUAL_VALUE',
y_column_label: 'Calls',
datasets: [
{
fill: true,
lineTension: 0.1,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
backgroundColor : "rgba(1, 162, 127, 1)"
}
],
options: {
showLines: true,
animateScale: true,
animateRotate: true,
width: 300,
height: 191,
responsive: true,
maintainAspectRatio: false,
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
console.log('tooltipItem', tooltipItem, data.datasets[0].dataSource) ;
var label = tooltipItem.yLabel + ' Calls on ' + tooltipItem.xLabel + ' 2020 ' + data.datasets[0].dataSource;
return label;
},
title: function(tooltipItem, data) {
return '';
}
},
mode: 'y',
intersect: true,
position: 'nearest',
backgroundColor: 'rgba(0,0,0,1)'
}
}
},
tabChartScales : {
xAxes: [
{
ticks: {
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 8
}
}
],
yAxes: [
{
ticks: {
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 10
}
}
]
}
}
}
]]></composite_config>
</composite>
<composite>
<composite_type><![CDATA[TAB_PANEL]]></composite_type>
<composite_id><![CDATA[_composite_pob_kpi]]></composite_id>
<composite_descr><![CDATA[Personal Order Booking]]></composite_descr>
<composite_css><![CDATA[db-col-3]]></composite_css>
<link_metadata><![CDATA[]]></link_metadata>
<column_group id="1">
<columns>
<column id="1" type="string" filterBy="DESCR"><![CDATA[Personal Order Booking]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
tabs_config: {
title_column : 'Personal Order Booking',
image : 'chc_kpi_pob.svg',
theme: 'orange',
tabs: [
{
title : 'MTD',
filterExpr : ' data["DATA_GRP"] == "MTD_DETAIL" ',
summary : {
filterExpr : ' data["DATA_GRP"] == "KPI_SUMMARY" && data["SH_DESCR"] == "MTD" ',
summary_info_column : 'ACTUAL_VALUE_STR',
summary_subinfo_column : 'TARGET_VALUE_STR',
summary_data_column : 'ACTUAL_VALUE',
summary_target_column : 'TARGET_VALUE'
},
chartConfig: {
chartType: 'bar'
}
},
{
title : 'YTD',
filterExpr : ' data["DATA_GRP"] == "YTD_DETAIL" ',
summary : {
filterExpr : ' data["DATA_GRP"] == "KPI_SUMMARY" && data["SH_DESCR"] == "YTD" ',
summary_info_column : 'ACTUAL_VALUE_STR',
summary_subinfo_column : 'TARGET_VALUE_STR',
summary_data_column : 'ACTUAL_VALUE',
summary_target_column : 'TARGET_VALUE'
},
chartConfig: {
chartType: 'line'
}
}
],
tabChartConfig : {
x_column: 'X_VALUE',
x_column_label: 'Duration',
y_column: 'ACTUAL_VALUE',
y_column_label: 'Orders',
datasets: [
{
fill: true,
lineTension: 0.1,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
backgroundColor : "rgba(228, 120, 66, 1)"
}
],
options: {
showLines: true,
animateScale: true,
animateRotate: true,
width: 300,
height: 191,
responsive: true,
maintainAspectRatio: false,
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
console.log('tooltipItem', tooltipItem, data) ;
var label = tooltipItem.yLabel + ' Orders on ' + tooltipItem.xLabel + ' 2020 ';
return label;
},
title: function(tooltipItem, data) {
return '';
}
},
mode: 'y',
intersect: true,
position: 'nearest',
backgroundColor: 'rgba(0,0,0,1)'
}
}
},
tabChartScales : {
xAxes: [
{
ticks: {
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 8
}
}
],
yAxes: [
{
ticks: {
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 10
}
}
]
}
}
}
]]></composite_config>
</composite>
<composite>
<composite_type><![CDATA[TAB_PANEL]]></composite_type>
<composite_id><![CDATA[_composite_tlsd_kpi]]></composite_id>
<composite_descr><![CDATA[Total Line Items Sold]]></composite_descr>
<composite_css><![CDATA[db-col-3]]></composite_css>
<link_metadata><![CDATA[]]></link_metadata>
<column_group id="1">
<columns>
<column id="1" type="string" filterBy="DESCR"><![CDATA[Total Line Items Sold]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
tabs_config: {
title_column : 'Total Line Items Sold',
image : 'chc_kpi_tlsd.svg',
theme: 'blue',
tabs: [
{
title : 'MTD',
filterExpr : ' data["DATA_GRP"] == "MTD_DETAIL" ',
summary : {
filterExpr : ' data["DATA_GRP"] == "KPI_SUMMARY" && data["SH_DESCR"] == "MTD" ',
summary_info_column : 'ACTUAL_VALUE_STR',
summary_subinfo_column : 'TARGET_VALUE_STR',
summary_data_column : 'ACTUAL_VALUE',
summary_target_column : 'TARGET_VALUE'
},
chartConfig: {
chartType: 'bar',
}
},
{
title : 'YTD',
filterExpr : ' data["DATA_GRP"] == "YTD_DETAIL" ',
summary : {
filterExpr : ' data["DATA_GRP"] == "KPI_SUMMARY" && data["SH_DESCR"] == "YTD" ',
summary_info_column : 'ACTUAL_VALUE_STR',
summary_subinfo_column : 'TARGET_VALUE_STR',
summary_data_column : 'ACTUAL_VALUE',
summary_target_column : 'TARGET_VALUE'
},
chartConfig: {
chartType: 'line',
}
}
],
tabChartConfig : {
x_column: 'X_VALUE',
x_column_label: 'Duration',
y_column: 'ACTUAL_VALUE',
y_column_label: 'Items',
datasets: [
{
fill: true,
lineTension: 0.1,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
backgroundColor : "rgba(0, 123, 171, 1)"
}
],
options: {
showLines: true,
width: 300,
height: 191,
responsive: true,
maintainAspectRatio: false,
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
console.log('tooltipItem', tooltipItem, data) ;
var label = tooltipItem.yLabel + ' Items on ' + tooltipItem.xLabel + ' 2020 ';
return label;
},
title: function(tooltipItem, data) {
return '';
}
},
mode: 'y',
intersect: true,
position: 'nearest',
backgroundColor: 'rgba(0,0,0,1)'
}
}
},
tabChartScales : {
xAxes: [
{
ticks: {
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 8
}
}
],
yAxes: [
{
ticks: {
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 10
}
}
]
}
}
}
]]></composite_config>
</composite>
<composite>
<composite_type><![CDATA[CHART_PANEL]]></composite_type>
<composite_id><![CDATA[_composite_tot_calls_kpi]]></composite_id>
<composite_descr><![CDATA[Total Calls]]></composite_descr>
<composite_css><![CDATA[db-col-3]]></composite_css>
<link_metadata><![CDATA[]]></link_metadata>
<column_group id="1">
<columns>
<column id="1" type="string" filterBy="DESCR"><![CDATA[Total Calls]]></column>
</columns>
</column_group>
<column_group id="2">
<columns>
<column id="1" type="string" filterBy="DATA_GRP"><![CDATA[KPI_SUMMARY]]></column>
</columns>
</column_group>
<column_group id="3">
<columns>
<column id="1" type="string" filterBy="SH_DESCR"><![CDATA[MTD,YTD]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
charts_config: {
image: 'total_calls.svg',
title_column: 'Total Calls',
theme : 'violet'
},
chart_properties: {
chartType: 'percentage',
labels: [''],
options: {
animateScale: true,
animateRotate: true,
width: 114,
height: 114,
responsive: true,
maintainAspectRatio: false,
tooltip: false,
cutOutPercentage: 70,
chartCenterText: "data[0] + '%'",
chartCenterTextFont1 : "20px Roboto,sans-serif",
condnFormat: [
{
id: "RED",
expression: "data[0] <= 60",
colors: [[252, 101, 101], [248, 248, 248]]
},
{
id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 )",
colors: [[255, 211, 90], [248, 248, 248]]
},
{
id: "GREEN",
expression: " 81 < data[0] ",
colors: [[0, 199, 153], [248, 248, 248]]
}
]
}
}
}
]]></composite_config>
</composite>
</component>
</view>
</Root>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment