Difference between revisions of "Diagram 1"

From Catglobe Wiki
Jump to: navigation, search
Line 3: Line 3:
 
The diagram above is a cross diagram which is made by crossing 2 axes together:<br>- The x-axis has 4 options: Custom Service, Product, Web site and Brand.<br>- The y-axis has 3 options: Same Quarter Last Year, Last Quarter and This Quarter. Calculations for these options are based on values stored in a custom column in the data cache. These values, which are calculated on corresponding values in the EndDate column, indicate whether an RPQ was finished in this quarter, last quarter, or the same quarter last year.  
 
The diagram above is a cross diagram which is made by crossing 2 axes together:<br>- The x-axis has 4 options: Custom Service, Product, Web site and Brand.<br>- The y-axis has 3 options: Same Quarter Last Year, Last Quarter and This Quarter. Calculations for these options are based on values stored in a custom column in the data cache. These values, which are calculated on corresponding values in the EndDate column, indicate whether an RPQ was finished in this quarter, last quarter, or the same quarter last year.  
  
==== The following steps show you how to create the above diagram<br> ====
+
= The following steps show you how to create the above diagram<br> =
  
'''<u>Step 1. Create a new axis set in DCS list based on the EndDate column</u>'''<br>&nbsp;'''1. Open the Data Cache in Data Cache list (Tools/ Data / Data Caches).<br>'''&nbsp;'''2. In the Data Cache tab:&nbsp;<br>'''&nbsp;&nbsp; '''2.1 Select Column’s type then click “Add Column” button to insert a new Custom column'''<br>
+
'''<u>Step 1. </u>Create a new axis set in DCS list based on the EndDate column'''<br>&nbsp; '''1. Open the Data Cache in Data Cache list (Tools/ Data / Data Caches).<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 0.JPG]]&nbsp;'''
  
[[Image:Add custom.JPG]]
+
'''<br>'''&nbsp;'''2. In the Data Cache tab:&nbsp;<br>'''&nbsp;&nbsp; '''2.1 Select Column’s type then click “Add Column” button to insert a new Custom column'''<br>
  
- The new Custom column is used to define the Quarter which this record is related to the current day in the system. <br>- Data type: Number <br>- Save numbers: 0,1,4 and null.<br>&nbsp; 0: if the date of the EndDate column is in the same quarter of current date in the system.<br>&nbsp; 1: if the date of the EndDate column is in the previous quarter of current date in the system.<br>&nbsp; 4: if the date of the EndDate column is in the same quarter but in the last year of current date in the system.<br>&nbsp; Null: if the date of the EndDate column is in other quarters.<br>&nbsp;&nbsp; '''2.2 Put the CGScript which defines Current Quarter, Last Quarter and the Same Quarter Last Year'''
+
&nbsp;&nbsp;&nbsp; [[Image:Add custom.JPG]]
  
[[Image:Insert script.JPG|692x230px]]&nbsp;
 
  
- Input Name of the Custom column, this name will be an option of the axis set.<br>- Insert the CGSript : &nbsp;
+
 
 +
&nbsp;&nbsp;&nbsp;&nbsp; - The new Custom column is used to define the Quarter which this record is related to the current day in the system.&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Data type: Number <br>&nbsp;&nbsp;&nbsp;&nbsp; - Save numbers: 0,1,4 and null.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; 0: if the date of the EndDate column is in the same quarter of current date in the system.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1: if the date of the EndDate column is in the previous quarter of current date in the system.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4: if the date of the EndDate column is in the same quarter but in the last year of current date in the system.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Null: if the date of the EndDate column is in other quarters.<br>&nbsp;&nbsp; '''2.2 Put the CGScript which defines Current Quarter, Last Quarter and the Same Quarter Last Year'''
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Insert script.JPG|692x230px]]&nbsp;
 +
 
 +
&nbsp;&nbsp; - Input Name of the Custom column, this name will be an option of the axis set.<br>&nbsp;&nbsp;&nbsp;- Insert the CGSript&nbsp;: &nbsp;  
  
 
{| style="width: 577px; height: 24px" border="1" cellspacing="1" cellpadding="1" width="577"
 
{| style="width: 577px; height: 24px" border="1" cellspacing="1" cellpadding="1" width="577"
Line 86: Line 90:
 
|}
 
|}
  
- Save this Custom column.
 
  
<br>&nbsp;'''3. Go to the Axis set tab: Create a new axis set&nbsp;'''<br>&nbsp;&nbsp; '''3.1 Create a new axis set'''&nbsp;
 
  
[[Image:Create new axis.JPG]]  
+
&nbsp;&nbsp;&nbsp; - Save this Custom column.
 +
 
 +
&nbsp;'''3. Go to the Axis set tab: Create a new axis set&nbsp;'''<br>&nbsp;&nbsp; '''3.1 Create a new axis set'''&nbsp;
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Create new axis.JPG]]  
 +
 
 +
 
  
 
&nbsp;&nbsp; '''3.2 Input value to the new axis set'''  
 
&nbsp;&nbsp; '''3.2 Input value to the new axis set'''  
  
'''[[Image:Input value.JPG|493x247px]]'''  
+
'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Input value.JPG|493x247px]]'''  
  
 
<span style="display: none" id="1251959714895S">&nbsp;</span>Axis math – base, Axis pct – base, Option value: will be used by the Custom column’s name.  
 
<span style="display: none" id="1251959714895S">&nbsp;</span>Axis math – base, Axis pct – base, Option value: will be used by the Custom column’s name.  
Line 100: Line 108:
 
For example:  
 
For example:  
  
[[Image:Example.JPG|789x366px]]&nbsp;  
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Example.JPG|789x366px]]&nbsp;  
 +
 
 +
&nbsp; '''4. Save the Data cache then Rebuild it'''
 +
 
 +
<u>'''Step 2.'''</u>'''Create Dashboard item whose type is Cross diagram<br>&nbsp;&nbsp;1. Go to Dashboard list''' (Tools/ Reports/ Dashboards).<br>'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 1.JPG]]'''
 +
 
 +
'''<br>&nbsp;2. Create a new dashboard or edit an existing one.'''&nbsp;<br>&nbsp;'''3. In General Information tab: '''Data caches list must be added the DCS which is created at Step 1.<br>&nbsp;'''4. Layout tab: '''Create Dashboard items<br>&nbsp;&nbsp;'''4.1 Create Dashboard (DB) item 1 whose type is Shown axis.&nbsp;<br>'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 2.JPG]]&nbsp;
 +
 
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is created at step 1.<br>&nbsp;&nbsp;&nbsp;&nbsp; o This DB item will be used as the x-axis of the cross&nbsp;diagram&nbsp;that has 4 options&nbsp;: Custom Service, Product, Web site and Brand.&nbsp;
 +
 
 +
<br>&nbsp;&nbsp; '''4.2 Create Dashboard (DB) item 2 whose type is Shown axis'''<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 2.JPG]]
 +
 
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache&nbsp;: use the DCS which is created at step 1.<br>&nbsp;&nbsp; &nbsp; o This DB item will be&nbsp;used as the y-axis of the cross diagram that has 3 options&nbsp;: Same Quarter Last Year, Last Quarter and This Quarter.
 +
 
 +
<br>&nbsp;'''&nbsp; 4.3 Create Dashboard (DB) item 3 whose type is Cross diagram'''<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;[[Image:Dash 3.JPG]]
 +
 
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is created at step 1.<br>&nbsp;&nbsp;&nbsp;&nbsp; o Chart type: Bar<br>&nbsp;&nbsp;&nbsp;&nbsp; o X – axis: must be DB item 4.1<br>&nbsp;&nbsp;&nbsp;&nbsp; o Y – axis: must be DB item 4.2<br>&nbsp; &nbsp;&nbsp; o Style sheet: choose a style sheet which is created in the Style sheet list.<br>&nbsp; &nbsp;&nbsp; o Data format: absolute<br>&nbsp; &nbsp;&nbsp; o Direction: Vertical<br>'''&nbsp;5. Insert these Dashboard items to the HTML editor then save the Dashboard.'''
  
&nbsp;'''4. Save the Data cache then Rebuild it'''
 
  
<u>'''Step 2. Create Dashboard item whose type is Cross diagram'''</u>'''<br>&nbsp;1. Go to Dashboard list''' (Tools/ Reports/ Dashboards).<br>'''&nbsp;2. Create a new dashboard or edit an existing one.'''&nbsp;<br>&nbsp;'''3. In General Information tab: Data caches list must be added the DCS which is created at Step 1.'''<br>&nbsp;'''4. Layout tab: Create Dashboard items'''<br>&nbsp;&nbsp;'''4.1 Create Dashboard (DB) item 1 whose type is Shown axis.&nbsp;<br>'''&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is created at step 1.<br>&nbsp;&nbsp;&nbsp;&nbsp; o This DB item will be used as the x-axis of the cross&nbsp;diagram&nbsp;that has 4 options&nbsp;: Custom Service, Product, Web site and Brand.&nbsp;<br>&nbsp;&nbsp; '''4.2 Create Dashboard (DB) item 2 whose type is Shown axis'''<br>&nbsp;&nbsp;&nbsp; &nbsp;o Data cache&nbsp;: use the DCS which is created at step 1.<br>&nbsp;&nbsp; &nbsp; o This DB item will be&nbsp;used as the y-axis of the cross diagram that has 3 options&nbsp;: Same Quarter Last Year, Last Quarter and This Quarter.<br>&nbsp;'''&nbsp; 4.3 Create Dashboard (DB) item 3 whose type is Cross diagram'''<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is created at step 1.<br>&nbsp;&nbsp;&nbsp;&nbsp; o Chart type: Bar<br>&nbsp;&nbsp;&nbsp;&nbsp; o X – axis: must be DB item 4.1<br>&nbsp;&nbsp;&nbsp;&nbsp; o Y – axis: must be DB item 4.2<br>&nbsp; &nbsp;&nbsp; o Style sheet: choose a style sheet which is created in the Style sheet list.<br>&nbsp; &nbsp;&nbsp; o Data format: absolute<br>&nbsp; &nbsp;&nbsp; o Direction: Vertical<br>''<u>'''*&nbsp;Note :&nbsp;'''</u>''
 
  
''<span style="display: none" id="1252037444967E">&nbsp;</span>'''<span style="display: none" id="1252037442025E">&nbsp;</span><span style="display: none" id="1252037439040E">&nbsp;</span>'''''1. To make the diagram look better, we should have a style sheet for the diagram.<br>- Dimension : 2D<br>- Legend : <br>- X axis labels : Size = 13 and Style = Bold<br>- Y gridlines : Major gridlines<br>- X gridlines : none<br>- Line series : <br>&nbsp; 2. fgfdg
+
// Finish creating the diagram.

Revision as of 10:37, 4 September 2009

Diagram 1.JPG

The diagram above is a cross diagram which is made by crossing 2 axes together:
- The x-axis has 4 options: Custom Service, Product, Web site and Brand.
- The y-axis has 3 options: Same Quarter Last Year, Last Quarter and This Quarter. Calculations for these options are based on values stored in a custom column in the data cache. These values, which are calculated on corresponding values in the EndDate column, indicate whether an RPQ was finished in this quarter, last quarter, or the same quarter last year.

The following steps show you how to create the above diagram

Step 1. Create a new axis set in DCS list based on the EndDate column
  1. Open the Data Cache in Data Cache list (Tools/ Data / Data Caches).

      Dash 0.JPG 


 2. In the Data Cache tab: 
   2.1 Select Column’s type then click “Add Column” button to insert a new Custom column

    Add custom.JPG


     - The new Custom column is used to define the Quarter which this record is related to the current day in the system. 
     - Data type: Number
     - Save numbers: 0,1,4 and null.
        0: if the date of the EndDate column is in the same quarter of current date in the system.
        1: if the date of the EndDate column is in the previous quarter of current date in the system.
        4: if the date of the EndDate column is in the same quarter but in the last year of current date in the system.
        Null: if the date of the EndDate column is in other quarters.
   2.2 Put the CGScript which defines Current Quarter, Last Quarter and the Same Quarter Last Year

     Insert script.JPG 

   - Input Name of the Custom column, this name will be an option of the axis set.
   - Insert the CGSript :  

// CGScript
array a = stringSplit(EndDate, " "); // get value of the EndDate column

string s = a[0];

a = stringSplit(s, "/"); // omit character “/”

number endDateYear = convertToNumber(a[2]); // get the year of the date in the EndDate column

number endDateMonth = convertToNumber(a[0]); // get the month of the date in the EndDate column

number endDateDay = convertToNumber(a[1]); // get the day of the date in the EndDate column

array today = getDateTime(); // get the current date

number todayYear = today[DateTime_Year]; // get the year of the current date

number todayMonth = today[DateTime_Month]; // get the month of the current date

number TodayQuarter = 1; // save the quarter which the current date related to

number endDateQuarter = 1; // save the quarter which the day in the EndDate column related to

number IsLastQuarter = 1;

number IsThisQuarter = 0;

number IsSameQuarterLastYear = 4;

if (todayMonth == 1 || todayMonth == 2 || todayMonth == 3)

TodayQuarter = 1;

else if (todayMonth == 4 || todayMonth == 5 || todayMonth == 6)

TodayQuarter = 2;

else if (todayMonth == 7 || todayMonth == 8 || todayMonth == 9)

TodayQuarter = 3;

else TodayQuarter = 4;

if (endDateMonth == 1 || endDateMonth == 2 || endDateMonth == 3)

endDateQuarter = 1;

else if (endDateMonth == 4 || endDateMonth == 5 || endDateMonth == 6)

endDateQuarter = 2;

else if (endDateMonth == 7 || endDateMonth == 8 || endDateMonth == 9)

endDateQuarter = 3;

else endDateQuarter = 4;

if (endDateYear == todayYear && endDateMonth == todayMonth)

return IsThisQuarter;

else if (endDateYear == todayYear && TodayQuarter - endDateQuarter == 1)

return IsLastQuarter;

else if (todayYear - endDateYear == 1 && endDateMonth == todayMonth)

return IsSameQuarterLastYear;
//End Script


    - Save this Custom column.

 3. Go to the Axis set tab: Create a new axis set 
   3.1 Create a new axis set 

          Create new axis.JPG


   3.2 Input value to the new axis set

           Input value.JPG

Axis math – base, Axis pct – base, Option value: will be used by the Custom column’s name.

For example:

         Example.JPG 

  4. Save the Data cache then Rebuild it

Step 2.Create Dashboard item whose type is Cross diagram
  1. Go to Dashboard list
(Tools/ Reports/ Dashboards).
        Dash 1.JPG


 2. Create a new dashboard or edit an existing one.
 
 3. In General Information tab: Data caches list must be added the DCS which is created at Step 1.
 4. Layout tab: Create Dashboard items
  4.1 Create Dashboard (DB) item 1 whose type is Shown axis. 
          Dash 2.JPG 


     o Data cache: use the DCS which is created at step 1.
     o This DB item will be used as the x-axis of the cross diagram that has 4 options : Custom Service, Product, Web site and Brand. 


   4.2 Create Dashboard (DB) item 2 whose type is Shown axis
          Dash 2.JPG


     o Data cache : use the DCS which is created at step 1.
     o This DB item will be used as the y-axis of the cross diagram that has 3 options : Same Quarter Last Year, Last Quarter and This Quarter.


   4.3 Create Dashboard (DB) item 3 whose type is Cross diagram
         Dash 3.JPG


     o Data cache: use the DCS which is created at step 1.
     o Chart type: Bar
     o X – axis: must be DB item 4.1
     o Y – axis: must be DB item 4.2
     o Style sheet: choose a style sheet which is created in the Style sheet list.
     o Data format: absolute
     o Direction: Vertical
 5. Insert these Dashboard items to the HTML editor then save the Dashboard.


// Finish creating the diagram.