Difference between revisions of "Diagram 1"

From Catglobe Wiki
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Image:Diagram 3.JPG]]  
+
[[Image:Diagram 1.JPG]]  
  
The diagram above is a cross diagram which is made by crossing 2 axes together:<br>- The x-axis&nbsp;will be used a time set.<br>- The y-axis&nbsp;will be the answer option which used to shown its value.
+
The diagram above is a cross diagram which is made by crossing 2 axes together:  
  
= The following steps show you how to create the above diagram<br> =
+
- The X-axis has 4 options&nbsp;: Custom Service, Product, Web site and Brand.
  
'''<u>Step 1. </u>Create a new Time set in Time set list '''<br>&nbsp; '''1. Open the Time set list (Tools/ Administrator / Report/ Time sets).<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Diagram 3 1.JPG]]&nbsp;'''
+
- The Y- axis has&nbsp;3 options:&nbsp;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&nbsp;this quarter, last quarter or the same quarter last year.  
  
'''<br>'''&nbsp;'''2.&nbsp;Create a new Time set:&nbsp;<br>'''&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp; [[Image:Diagram 3 3.JPG]]  
+
= The following steps show you how to create the above diagram  =
 +
 
 +
<u>'''Step 1.'''</u>'''Create a new axis set in DCS list based on the EndDate column, this axis will be used as the&nbsp;y-axis of&nbsp;the cross diagram in Dashboard.'''&nbsp;&nbsp;
 +
 
 +
'''1. Open the Data Cache in Data Cache list''' (Tools/Data/Data Caches)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 0.JPG]] .
 +
 
 +
<br>'''&nbsp;2. In the Data Cache tab:'''&nbsp;
 +
 
 +
&nbsp;&nbsp; '''2.1 Select Column’s type then click “Add Column” button to insert a new Custom column'''<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Add custom.JPG]]&nbsp;
  
 
<br>
 
<br>
  
&nbsp;&nbsp;&nbsp;&nbsp; - The new&nbsp;Time set is used to define the&nbsp;period of time.&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Type:&nbsp;Month &nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp; -&nbsp;Label format :&nbsp;select type likes "Sep 2009"<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Span :&nbsp;select 6 if user want to&nbsp;show value each 6&nbsp;months, or&nbsp;select&nbsp;Span = 3 if user want to show value each quarter.
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - A new Custom column is used to define the&nbsp;quarters.  
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Data type&nbsp;: Number&nbsp;
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - Save numbers&nbsp;: 0,1,4 and null.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0&nbsp;: if the&nbsp;date of the EndDate column is the same quarter with the current&nbsp;date in the system
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1&nbsp;: if the&nbsp;date of the EndDate column is in the previous&nbsp;quarter of current&nbsp;date in the system.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;: if the&nbsp;date of the EndDate column is in the&nbsp;same quarter but in last&nbsp;year of current&nbsp;date in the system.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Null&nbsp;: if the&nbsp;date of the EndDate column is in other quarters.
 +
 
 +
&nbsp;&nbsp; '''2.2 Put the CGScript which defines Current Year and Last Year'''<br><span id="fck_dom_range_temp_1251961601465_789">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Insert script.JPG|693x230px]]</span>&nbsp;
 +
 
 +
- Input Name of the Custom column, this name will be an option of the axis set.
 +
 
 +
- Insert the CGSript.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
 +
 
 +
{| style="width: 634px; height: 296px" border="1" cellspacing="1" cellpadding="1" width="634"
 +
|-
 +
| // CGScript<br>&nbsp;  
 +
array a = DateTime_parse(EndDate, "MM/dd/yyyy");
 +
 
 +
array today = getDateTime();
 +
 
 +
number todayYear = today[DateTime_Year];
 +
 
 +
number todayMonth = today[DateTime_Month];
 +
 
 +
number TodayQuarter = 1;
 +
 
 +
number endDateQuarter = 1;
 +
 
 +
number IsLastQuarter = 1;
 +
 
 +
number IsThisQuarter = 0;
 +
 
 +
number IsSameQuarterLastYear = 4;
  
&nbsp;'''3.&nbsp;Save this time set'''&nbsp;&nbsp;  
+
if (todayMonth == 1 &#124;&#124; todayMonth == 2 &#124;&#124; todayMonth == 3)
  
<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]]'''
+
TodayQuarter = 1;  
  
'''<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&nbsp;used to make Cross diagram.<br>&nbsp;'''4. Layout tab: '''Create Dashboard items<br>&nbsp;&nbsp;'''4.1 Create Dashboard (DB) item 1 whose type is&nbsp;Time set.&nbsp;<br>'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:D 3 5.JPG]]&nbsp;
+
else if (todayMonth == 4 &#124;&#124; todayMonth == 5 &#124;&#124; todayMonth == 6)  
  
<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS&nbsp;which is used to make Cross diagram.<br>&nbsp;&nbsp;&nbsp;&nbsp; o Time set : select the Time set which is created at step 1.
+
TodayQuarter = 2;  
  
&nbsp;&nbsp;&nbsp;&nbsp; o Column : select EndDate
+
else if (todayMonth == 7 &#124;&#124; todayMonth == 8 &#124;&#124; todayMonth == 9)
  
&nbsp;&nbsp;&nbsp;&nbsp; o&nbsp;Start date : select the 1st of June.
+
TodayQuarter = 3;  
  
 +
else TodayQuarter = 4;
  
 +
if (a[1] == 1 &#124;&#124; a[1] == 2 &#124;&#124; a[1] == 3)
  
&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]]
+
endDateQuarter = 1;  
  
<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache&nbsp;: use the DCS which is&nbsp;used to make Cross diagram.
+
else if (a[1] == 4 &#124;&#124; a[1] == 5 &#124;&#124; a[1] == 6)
  
&nbsp;&nbsp;&nbsp;&nbsp; o This DB item will be&nbsp;used as the y-axis of the cross diagram.
+
endDateQuarter = 2;  
  
<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]]  
+
else if (a[1] == 7 &#124;&#124; a[1] == 8 &#124;&#124; a[1] == 9)
  
<br>&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is&nbsp;used to make diagram.
+
endDateQuarter = 3;  
  
&nbsp;&nbsp;&nbsp;&nbsp; o Chart type:&nbsp;Line<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.'''
+
else endDateQuarter = 4;
 +
 
 +
if (a[0] == todayYear &amp;&amp; endDateQuarter == TodayQuarter)
 +
 
 +
return IsThisQuarter;  
 +
 
 +
else if (a[0] == todayYear &amp;&amp; TodayQuarter - endDateQuarter == 1)
 +
 
 +
return IsLastQuarter;  
 +
 
 +
else if (todayYear - a[0] == 1 &amp;&amp; endDateQuarter == TodayQuarter)
 +
 
 +
return IsSameQuarterLastYear;  
 +
 
 +
//End Script
 +
 
 +
|}
 +
 
 +
- Save the Custom column.
 +
 
 +
&nbsp;'''3. Go to the Axis set tab''''': ''Create a new axis set'''&nbsp;'''&nbsp;'''''&nbsp;&nbsp;'''''
 +
 
 +
'''''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;'''3.1 Create a new axis set<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ''''''[[Image:Create new axis.JPG|269x392px]]'''&nbsp;  
  
 
<br>
 
<br>
  
// Finish creating the diagram.
+
&nbsp;&nbsp;''3.2 Input value to the new axis set''
 +
 
 +
'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Input value.JPG]]'''&nbsp;
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Axis math – base, Axis pct – base, Option value&nbsp;: will be used the Custom column’s name.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; For example&nbsp;:<br>
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Example.JPG|696x323px]]&nbsp;
 +
 
 +
&nbsp;&nbsp;'''4. Save the Data cache.'''
 +
 
 +
'''<u>Step 2. </u>Create Dashboard item whose type is Cross diagram.'''&nbsp;&nbsp;
 +
 
 +
'''&nbsp;&nbsp;&nbsp;&nbsp; 1. Go to Dashboard list '''(Tools/ Reports/ Dashboard).<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 1.JPG]]&nbsp;
 +
 
 +
&nbsp;&nbsp; '''2. Create a new dashboard or edit an existing one.&nbsp;'''&nbsp;&nbsp;
 +
 
 +
'''&nbsp;&nbsp; 3. In General Information tab''': Data caches list must have the DCS which is created at step 1.
 +
 
 +
&nbsp;&nbsp; '''4. Layout tab''': Create Dashboard items.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4.1 Create Dashboard (DB) item 1 whose type is Shown axis.&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:Dash 2.JPG]]
 +
 
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is created at step 1.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;o This DB item will be used as the X-axis of the cross diagram&nbsp;that has&nbsp;4 options:&nbsp;Custom Service, Product, Web site and Brand.&nbsp;
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.2 Create Dashboard (DB) item 2 whose type is Shown axis.&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; [[Image:Dash 2.JPG]]&nbsp;
 +
 
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Data cache&nbsp;: use the DCS which is created at step 1.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;o This DB item will be used as Y-axis&nbsp;of the cross diagram&nbsp;that has&nbsp;3 options:&nbsp;Same Quarter Last Year, This Quarter and Last Quarter.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.3 Create Dashboard (DB) item 3 whose type is Cross diagram&nbsp;:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; [[Image:Dash 3.JPG]]&nbsp;
 +
 
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Data cache: use the DCS which is created at step 1.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;o Chart type:&nbsp;Bar
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o X – axis: must be DB item 4.1
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Y – axis: must be DB item 4.2
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Style sheet: choose a style sheet which is created in the Style sheet list.
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Data format: absolute
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o Direction: Vertical
 +
 
 +
&nbsp;&nbsp; '''5. Insert these Dashboard items&nbsp;to the HTML editor then save the Dashboard.'''
 +
 
 +
// Finish creating the diagram.&nbsp;&nbsp;

Latest revision as of 09:34, 10 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 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, this axis will be used as the y-axis of the cross diagram in Dashboard.  

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 


           - A new Custom column is used to define the quarters.

           - Data type : Number 

           - Save numbers : 0,1,4 and null.

                 0 : if the date of the EndDate column is the same quarter with the 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 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 Year and 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 = DateTime_parse(EndDate, "MM/dd/yyyy");

array today = getDateTime();

number todayYear = today[DateTime_Year];

number todayMonth = today[DateTime_Month];

number TodayQuarter = 1;

number endDateQuarter = 1;

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 (a[1] == 1 || a[1] == 2 || a[1] == 3)

endDateQuarter = 1;

else if (a[1] == 4 || a[1] == 5 || a[1] == 6)

endDateQuarter = 2;

else if (a[1] == 7 || a[1] == 8 || a[1] == 9)

endDateQuarter = 3;

else endDateQuarter = 4;

if (a[0] == todayYear && endDateQuarter == TodayQuarter)

return IsThisQuarter;

else if (a[0] == todayYear && TodayQuarter - endDateQuarter == 1)

return IsLastQuarter;

else if (todayYear - a[0] == 1 && endDateQuarter == TodayQuarter)

return IsSameQuarterLastYear;

//End Script

- Save the 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 the Custom column’s name.

       For example :

     Example.JPG 

  4. Save the Data cache.

Step 2. Create Dashboard item whose type is Cross diagram.  

     1. Go to Dashboard list (Tools/ Reports/ Dashboard).
         Dash 1.JPG 

   2. Create a new dashboard or edit an existing one.   

   3. In General Information tab: Data caches list must have 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 Y-axis of the cross diagram that has 3 options: Same Quarter Last Year, This Quarter and Last 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.