Hotzone"

From Documentation
Line 3: Line 3:
 
= Hotzone =
 
= Hotzone =
  
*Demonstration: N/A
+
*Demonstration: [http://www.zkoss.org/zkdemo/reporting/timeline SIMILE Timeline]
 
*Java API: N/A
 
*Java API: N/A
*JavaScript API: N/A
+
*JavaScript API: N/A
 +
*Style Guide: N/A
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 21: Line 22:
 
   import java.util.Date;
 
   import java.util.Date;
 
   import java.util.TimeZone;
 
   import java.util.TimeZone;
 
+
 
   TimeZone zone=TimeZone.getTimeZone("GMT-05");
 
   TimeZone zone=TimeZone.getTimeZone("GMT-05");
 
+
   Date current=new Date(Date.parse("Jun 28 2006 00:00:00 GMT-0500"));
+
   Date current=new Date(Date.parse("Jun 28 2010 00:00:00 GMT-0500"));
 
   //for hotzone of band #1
 
   //for hotzone of band #1
   Date d1=new Date(Date.parse("Aug 01 2006 00:00:00 GMT-0500"));
+
   Date d1=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
   Date d2=new Date(Date.parse("Sep 01 2006 00:00:00 GMT-0500"));
+
   Date d2=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
   Date d3=new Date(Date.parse("Aug 02 2006 00:00:00 GMT-0500"));
+
   Date d3=new Date(Date.parse("Nov 02 2010 00:00:00 GMT-0500"));
   Date d4=new Date(Date.parse("Aug 04 2006 00:00:00 GMT-0500"));
+
   Date d4=new Date(Date.parse("Nov 04 2010 00:00:00 GMT-0500"));
   Date d5=new Date(Date.parse("Aug 02 2006 06:00:00 GMT-0500"));
+
   Date d5=new Date(Date.parse("Nov 02 2010 06:00:00 GMT-0500"));
   Date d6=new Date(Date.parse("Aug 02 2006 12:00:00 GMT-0500"));
+
   Date d6=new Date(Date.parse("Nov 02 2010 12:00:00 GMT-0500"));
 
+
 
   //for hotzone of band #2
 
   //for hotzone of band #2
   Date d7=new Date(Date.parse("Aug 01 2006 00:00:00 GMT-0500"));
+
   Date d7=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
   Date d8=new Date(Date.parse("Sep 01 2006 00:00:00 GMT-0500"));
+
   Date d8=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
 
   ]]>
 
   ]]>
 
</zscript>
 
</zscript>
 
<timeline height="300px" width="100%">
 
<timeline height="300px" width="100%">
   <bandinfo width="70%" id="b1" intervalUnit="month"  
+
   <bandinfo width="70%" id="b1" intervalUnit="month"
intervalPixels="100"
+
    intervalPixels="100"
timeZone="${zone}" date="${current}">
+
    timeZone="${zone}" date="${current}">
  <hotzone start="${d1}" end="${d2}" magnify="10" unit="week" />
+
      <hotzone start="${d1}" end="${d2}" magnify="10" unit="week" />
  <hotzone start="${d3}" end="${d4}" magnify="7" unit="day" />
+
      <hotzone start="${d3}" end="${d4}" magnify="7" unit="day" />
  <hotzone start="${d5}" end="${d6}" magnify="5" unit="hour" />
+
      <hotzone start="${d5}" end="${d6}" magnify="5" unit="hour" />
 
   </bandinfo>
 
   </bandinfo>
 
   <bandinfo timeZone="${zone}" date="${current}"
 
   <bandinfo timeZone="${zone}" date="${current}"
width="30%" intervalUnit="year" intervalPixels="200"
+
    width="30%" intervalUnit="year" intervalPixels="200"
syncWith="b1">
+
    syncWith="b1">
<hotzone start="${d7}" end="${d8}" magnify="20" unit="week" />
+
    <hotzone start="${d7}" end="${d8}" magnify="20" unit="week" />
 
   </bandinfo>
 
   </bandinfo>
 
</timeline>
 
</timeline>
Line 57: Line 58:
  
  
=Supported events=
+
=Supported Events=
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 66: Line 67:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 71: Line 73:
 
  *NONE
 
  *NONE
  
=Use cases=
+
=Use Cases=
  
[[ZK_Component_Reference/Diagrams_and_Reports/Timeline#Use_cases | Timeline ]]
+
[[ZK_Component_Reference/Diagrams_and_Reports/Timeline#Use_Cases | Timeline ]]
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content

Revision as of 09:23, 17 November 2010

Hotzone

  • Demonstration: SIMILE Timeline
  • Java API: N/A
  • JavaScript API: N/A
  • Style Guide: N/A

Employment/Purpose

Defines the hotzoneof a bandinfo .

Example

ZKCompRef Timeline2.png

<window id="win">
<zscript>
  <![CDATA[
  import java.util.Date;
  import java.util.TimeZone;
 
  TimeZone zone=TimeZone.getTimeZone("GMT-05");
 
  Date current=new Date(Date.parse("Jun 28 2010 00:00:00 GMT-0500"));
  //for hotzone of band #1
  Date d1=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
  Date d2=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
  Date d3=new Date(Date.parse("Nov 02 2010 00:00:00 GMT-0500"));
  Date d4=new Date(Date.parse("Nov 04 2010 00:00:00 GMT-0500"));
  Date d5=new Date(Date.parse("Nov 02 2010 06:00:00 GMT-0500"));
  Date d6=new Date(Date.parse("Nov 02 2010 12:00:00 GMT-0500"));
 
  //for hotzone of band #2
  Date d7=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
  Date d8=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
  ]]>
</zscript>
<timeline height="300px" width="100%">
  <bandinfo width="70%" id="b1" intervalUnit="month"
    intervalPixels="100"
    timeZone="${zone}" date="${current}">
      <hotzone start="${d1}" end="${d2}" magnify="10" unit="week" />
      <hotzone start="${d3}" end="${d4}" magnify="7" unit="day" />
      <hotzone start="${d5}" end="${d6}" magnify="5" unit="hour" />
  </bandinfo>
  <bandinfo timeZone="${zone}" date="${current}"
    width="30%" intervalUnit="year" intervalPixels="200"
    syncWith="b1">
    <hotzone start="${d7}" end="${d8}" magnify="20" unit="week" />
  </bandinfo>
</timeline>
</window>


Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Timeline

Version History

Last Update : 2010/11/17


Version Date Content
     



Last Update : 2010/11/17

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.