Difference between revisions of "Diagram 2"
(11 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
= The following steps show you how to create the above diagram = | = 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 y-axis of the cross diagram in Dashboard.'''<br> '''1. Open the Data Cache in Data Cache list''' (Tools/Data/Data Caches).<br>''' 2. In the Data Cache tab:''' <br> '''2.1 Select Column’s type then click “Add Column” button to insert a new Custom column'''<br> [[Image:Add custom.JPG]] | + | <u>'''Step 1.'''</u>'''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.'''<br> '''1. Open the Data Cache in Data Cache list''' (Tools/Data/Data Caches)<br> [[Image:Dash 0.JPG]] . |
+ | |||
+ | <br>''' 2. In the Data Cache tab:''' <br> '''2.1 Select Column’s type then click “Add Column” button to insert a new Custom column'''<br> [[Image:Add custom.JPG]] | ||
<br> | <br> | ||
Line 17: | Line 19: | ||
| | ||
− | {| border="1" cellspacing="1" cellpadding="1" width=" | + | {| style="width: 634px; height: 296px" border="1" cellspacing="1" cellpadding="1" width="634" |
|- | |- | ||
− | | // CGScript<br>array a = | + | | // CGScript<br> array a = DateTime_parse(EndDate, "MM/dd/yyyy"); |
+ | array today = getDateTime(); | ||
+ | |||
+ | number todayYear = today[DateTime_Year]; | ||
+ | |||
+ | number todayMonth = today[DateTime_Month]; | ||
+ | |||
+ | number IsLastYear = 1; | ||
+ | |||
+ | number IsThisYear = 0; | ||
+ | |||
+ | if (a[0] == todayYear) | ||
+ | |||
+ | return IsThisYear; | ||
+ | |||
+ | if (a[0]== todayYear-1) | ||
+ | |||
+ | return IsLastYear; | ||
+ | |||
+ | //End Script | ||
+ | |||
|} | |} | ||
- Save the Custom column.<br><br> '''3. Go to the Axis set tab''''': ''Create a new axis set''' <br>'''''<b> </b>3.1 Create a new axis set<br> ''''''[[Image:Create new axis.JPG|269x392px]]''' | - Save the Custom column.<br><br> '''3. Go to the Axis set tab''''': ''Create a new axis set''' <br>'''''<b> </b>3.1 Create a new axis set<br> ''''''[[Image:Create new axis.JPG|269x392px]]''' | ||
+ | |||
+ | <br> | ||
''3.2 Input value to the new axis set'' | ''3.2 Input value to the new axis set'' | ||
Line 36: | Line 60: | ||
'''4. Save the Data cache.''' | '''4. Save the Data cache.''' | ||
− | '''<u>Step 2. </u>Create a new axis set in DCS list based on the EndDate column, this axis will be used as the x-axis of the cross diagram in Dashboard.<br>''' '''1. Open the Data Cache in Data Cache list '''(Tools/ Data / Data Caches)<br> '''2. In the Data Cache tab:'''<br> '''''2.1. Select Column’s type then click “Add Column” button to insert a new Custom column.<br>''''' - A new Custom column is used to define the month of EndDate.<br> - Data type : Number <br> - Save numbers : 1,2,3,4,5,6,7,8,9,10,11 and 12.<br> 1: the month of the EndDate is January.<br> 2: the month of the EndDate is February.<br> 3: the month of the EndDate is March.<br> 4: the month of the EndDate is April.<br> 5: the month of the EndDate is May.<br> 6: the month of the EndDate is June.<br> 7: the month of the EndDate is July.<br> 8: the month of the EndDate is August.<br> 9: the month of the EndDate is September.<br> 10: the month of the EndDate is October.<br> 11: the month of the EndDate is November.<br> 12: the month of the EndDate is December.<br>'' '''2.2 Put the CGScript which defines Current Year and Last Year'''''<b> [[Image:Insert script.JPG]]</b> | + | '''<u>Step 2. </u>Create a new axis set in DCS list based on the EndDate column, this axis will be used as the x-axis of the cross diagram in Dashboard.<br>''' '''1. Open the Data Cache in Data Cache list '''(Tools/ Data / Data Caches)<br> '''2. In the Data Cache tab:'''<br> '''''2.1. Select Column’s type then click “Add Column” button to insert a new Custom column.<br>''''' - A new Custom column is used to define the month of EndDate.<br> - Data type : Number <br> - Save numbers : 1,2,3,4,5,6,7,8,9,10,11 and 12.<br> 1: the month of the EndDate is January.<br> 2: the month of the EndDate is February.<br> 3: the month of the EndDate is March.<br> 4: the month of the EndDate is April.<br> 5: the month of the EndDate is May.<br> 6: the month of the EndDate is June.<br> 7: the month of the EndDate is July.<br> 8: the month of the EndDate is August.<br> 9: the month of the EndDate is September.<br> 10: the month of the EndDate is October.<br> 11: the month of the EndDate is November.<br> 12: the month of the EndDate is December. |
+ | |||
+ | <br>'' '''2.2 Put the CGScript which defines Current Year and Last Year'''''<b> [[Image:Insert script.JPG]]</b> | ||
<br><span style="display: none" id="1251963061441S"> </span>- Input Name of the Custom column, this name will be an option of the axis set.<br> - Insert the CGSript. | <br><span style="display: none" id="1251963061441S"> </span>- Input Name of the Custom column, this name will be an option of the axis set.<br> - Insert the CGSript. | ||
Line 42: | Line 68: | ||
{| border="1" cellspacing="1" cellpadding="1" width="500" | {| border="1" cellspacing="1" cellpadding="1" width="500" | ||
|- | |- | ||
− | | // CGScript<br>array a = | + | | // CGScript<br>array a = DateTime_parse(EndDate, "MM/dd/yyyy"); |
+ | return a[1]; | ||
+ | |||
+ | //End Script | ||
+ | |||
|} | |} | ||
Line 121: | Line 151: | ||
| | ||
− | <br> | + | <br>'''<br><br>4. Save the Data Cache.<br><u>Step 3. </u>Create Dashboard item whose type is Cross diagram.'''<br> '''1. Go to Dashboard list '''(Tools/ Reports/ Dashboard).<br> [[Image:Dash 1.JPG]] |
+ | |||
+ | <br> '''2. Create a new dashboard or edit an existing one. '''<br> '''3. In General Information tab''': Data caches list must have the DCS which is created at step 1&2.<br> '''4. Layout tab''': Create Dashboard items.<br> 4.1 Create Dashboard (DB) item 1 whose type is Shown axis. <br> [[Image:Dash 2.JPG]] | ||
+ | |||
+ | <br> o Data cache: use the DCS which is created at step 1&2.<br> o This DB item will be used as the X-axis of the cross diagram that has 12 options: Jan, Feb, Mar,… Dec | ||
+ | |||
+ | <br> 4.2 Create Dashboard (DB) item 2 whose type is Shown axis. <br> [[Image:Dash 2.JPG]] | ||
+ | |||
+ | <br> o Data cache : use the DCS which is created at step 1&2.<br> o This DB item will be used as Y-axis of the cross diagram that has 2 options: Last Year and This Year. | ||
+ | |||
+ | <br> 4.3 Create Dashboard (DB) item 3 whose type is Cross diagram :<br> [[Image:Dash 3.JPG]] | ||
− | + | <br> o Data cache: use the DCS which is created at step 1&2.<br> o Chart type: Line<br> o X – axis: must be DB item 4.1<br> o Y – axis: must be DB item 4.2<br> o Style sheet: choose a style sheet which is created in the Style sheet list.<br> o Data format: absolute<br> o Direction: Vertical<br> '''5. Insert these Dashboard items to the HTML editor then save the Dashboard.''' | |
// Finish creating the diagram. | // Finish creating the diagram. |
Latest revision as of 07:51, 7 September 2009
The diagram above is a cross diagram which is made by crossing 2 axes together:
- The X-axis has 12 options: Jan, Feb, Mar, … Dec
- The Y- axis has 2 options: This Year and Last Year. 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 year or 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)
.
2. In the Data Cache tab:
2.1 Select Column’s type then click “Add Column” button to insert a new Custom column
- A new Custom column is used to define the year which this record is related to.
- Data type : Number
- Save numbers : 0,1 and null.
0 : if the year of the EndDate column is the same with the current year in the system.
1 : if the year of the EndDate column is in the previous year of current year in the system.
Null : if the year of the EndDate column is in other years.
2.2 Put the CGScript which defines Current Year and Last Year
- 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 IsLastYear = 1; number IsThisYear = 0; if (a[0] == todayYear) return IsThisYear; if (a[0]== todayYear-1) return IsLastYear; //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
'
3.2 Input value to the new axis set
Axis math – base, Axis pct – base, Option value : will be used the Custom column’s name.
For example :
4. Save the Data cache.
Step 2. Create a new axis set in DCS list based on the EndDate column, this axis will be used as the x-axis of the cross diagram in Dashboard.
1. Open the Data Cache in Data Cache list (Tools/ Data / Data Caches)
2. In the Data Cache tab:
2.1. Select Column’s type then click “Add Column” button to insert a new Custom column.
- A new Custom column is used to define the month of EndDate.
- Data type : Number
- Save numbers : 1,2,3,4,5,6,7,8,9,10,11 and 12.
1: the month of the EndDate is January.
2: the month of the EndDate is February.
3: the month of the EndDate is March.
4: the month of the EndDate is April.
5: the month of the EndDate is May.
6: the month of the EndDate is June.
7: the month of the EndDate is July.
8: the month of the EndDate is August.
9: the month of the EndDate is September.
10: the month of the EndDate is October.
11: the month of the EndDate is November.
12: the month of the EndDate is December.
2.2 Put the CGScript which defines Current Year and Last Year
- 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"); return a[1]; //End Script |
- Save the Custom column.
3. Go to the Axis set tab: Create a new axis set
a. Create a new axis set :
b. Input value to the new axis set.
Axis math – base, Axis pct – base, Option value : will be used the Custom column’s name.
For example : Custom column’s name is Month.
Option name | Option value |
Jan | Month == [1] |
Feb | Month == [2] |
Mar | Month == [3] |
Apr | Month == [4] |
May | Month == [5] |
Jun | Month == [6] |
Jul | Month == [7] |
Aug | Month == [8] |
Sep | Month == [9] |
Oct | Month == [10] |
Nov | Month == [11] |
Dec | Month == [12] |
4. Save the Data Cache.
Step 3. Create Dashboard item whose type is Cross diagram.
1. Go to Dashboard list (Tools/ Reports/ Dashboard).
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&2.
4. Layout tab: Create Dashboard items.
4.1 Create Dashboard (DB) item 1 whose type is Shown axis.
o Data cache: use the DCS which is created at step 1&2.
o This DB item will be used as the X-axis of the cross diagram that has 12 options: Jan, Feb, Mar,… Dec
4.2 Create Dashboard (DB) item 2 whose type is Shown axis.
o Data cache : use the DCS which is created at step 1&2.
o This DB item will be used as Y-axis of the cross diagram that has 2 options: Last Year and This Year.
4.3 Create Dashboard (DB) item 3 whose type is Cross diagram :
o Data cache: use the DCS which is created at step 1&2.
o Chart type: Line
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.