Skip to content

B
business-java
Commit 9713ce1e authored by skamble's avatar skamble
Browse files
Options

xml for chc sales performance dashboard - 

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@217864 ce508802-f39f-4f6c-b175-0d175dae99d5
parent da209e0e
Hide whitespace changes
Inline Side-by-side
Showing with 302 additions and 0 deletions
webitm-dashboard/ibase/dashboard/module-resource/sfa/metadataxml/chc/chc_sales_performance.xml 0 → 100644
View file @ 9713ce1e
<?xml version='1.0'?>
<Root>
<filters display="N">
</filters>
<page_title><![CDATA[CHC SUN Activity]]></page_title>
<datasource id="1" dataSourceType="datamodel"><![CDATA[CHC_SALES_KPI_DM]]></datasource>
<datasource id="2" dataSourceType="jsondata"><![CDATA[[
{
"EMP_CODE":"E76377",
"EMP_NAME":"Vinod Kumar Tripathi",
"DESIGNATION":"Reginal Sales Manager",
"EMP_DOJ":"Joined Team A in 12 Aug 2016",
"EMP_GRADE":"A",
"PERCENTAGE":"4"
}
]]]></datasource>
<view id="1" name="Default" type="flatonly">
<component datasource="2" 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>
<composite_config><![CDATA[
{
component_type: 'BANNER_CARD_2',
detailModel: {
image_column: 'image',
image: 'date_white.svg',
emp_code: 'EMP_CODE',
emp_name: 'EMP_NAME',
grade_info: 'EMP_GRADE',
percentage: 'PERCENTAGE',
designation: 'DESIGNATION',
date_of_joining: 'EMP_DOJ'
},
chart_properties: {
chartType: 'percentage',
labels: [''],
options: {
percentFactorColumn: 'TARGET_VAL',
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>
</component>
<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" aggFunction="SUM" groupBy="PRD_QTR"><![CDATA[SALES_VAL,TARGET_VAL]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
component_type: 'CUSTOM_CHART_4',
detailModel: {
image_column: 'image',
image: 'date_white.svg',
title_column: 'PRD_QTR_STR',
sales_info_column: 'SALES_VAL',
target_info_column: 'TARGET_VAL',
order_column: 'PRD_QTR',
sub_info_column: 'DESCR',
THEME_COLOR: "blue",
theme_column : 'THEME_COLOR',
sales_info_str_column : "Sales",
target_info_str_column : "Target"
},
chart_properties: {
chartType: 'percentage',
labels: [''],
options: {
percentFactorColumn: 'TARGET_VAL',
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[CHART_PANEL]]></composite_type>
<composite_id><![CDATA[_composite_tot_calls_kpi]]></composite_id>
<composite_descr><![CDATA[QTR2[JUL-SEP]]]></composite_descr>
<composite_css><![CDATA[db-col-1]]></composite_css>
<link_metadata><![CDATA[]]></link_metadata>
<composite_config><![CDATA[
{
chartDetailModel: {
summary : {
info_column : 'ACTUAL_VALUE_STR',
subinfo_column : 'TARGET_VALUE_STR',
data_column : 'SALES_VAL',
target_column : 'TARGET_VAL',
sh_descr : 'SH_DESCR'
}
},
chartConfig: {
chartType: 'bar',
image: 'total_calls.svg',
title_column: 'Monthwise Sales Summary',
theme : 'violet',
datasets: [
{
x_column: 'PRD_MONTH',
y_column: 'SALES_VAL',
y_column_descr: 'SALES VALUE',
fill: false,
lineTension: 0.1,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
backgroundColor : "rgba(0, 123, 171, 1)"
},
{
x_column: 'PRD_MONTH',
y_column: 'TARGET_VAL',
y_column_descr: 'TARGET VALUE',
fill: false,
lineTension: 0.1,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
backgroundColor : "rgba(1, 162, 127, 1)"
}
],
options: {
x_column_label: 'Duration',
y_column_label: 'Sales ( in \u20B9 )',
percentFactorColumn: 'TARGET_VAL',
animateScale: true,
animateRotate: true,
width: 400,
height: 191,
responsive: true,
maintainAspectRatio: false,
tooltip: true,
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]]
}
],
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var label = '\u20B9 ' + tooltipItem.yLabel + tooltipItem.xLabel ;
return label;
},
title: function(tooltipItem, data) {
return '';
}
},
backgroundColor: 'rgba(0,0,0,1)'
}
},
chartScales: {
xAxes: [
{
ticks:
{
callback: function( label, index, labels ) {
if ( /\s/.test( label ) ) {
return label.split( " " );
} else {
return label;
}
},
fontSize: 7
}
}
],
yAxes: [
{
ticks:
{
fontSize: 10,
beginAtZero: true,
min: 0,
callback: function(value, index, values) {
if (Math.floor(value) === value) {
return value;
}
}
}
}
]
}
}
}
]]></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