SlickBoard | CSS/XML Timeline (new) | XML/SWF Charts | Timeline Eons

 < previousnext > 

 

Linear Ticks

 

<linear_ticks x1='number' 
              y1='number' 
              x2='number'  
              y2='number' 
              count='number'  
              color='string'  
              alpha='number'  
              thickness='number'  
              length='number'  
              margin='number'  
              caps='string'  
              />


Description

Linear_ticks draws spaced ticks that can be used as dashboard scales, background designs, etc.:

  • x1: The horizontal position of the scale's start point relative to the upper left corner of the background (0, 0). The default is zero.

  • y1: The vertical position of the scale's start point relative to the upper left corner of the background (0, 0). The default is zero.

  • x2: The horizontal position of the scale's end point relative to the upper left corner of the background (0, 0). The default is 100.

  • y2: The vertical position of the scale's end point relative to the upper left corner of the background (0, 0). The default is 100.

  • count: The number of ticks to draw. The default is 10.

  • color: The ticks' color. This is a string holding triple hexadecimal values representing the red, green, and blue components of a color. The default is "000000" (black).

  • alpha: The ticks' transparency value. Valid values range from 0 (fully transparent) to 1 (fully opaque). The default is 1.

  • thickness: The ticks' thickness. The default is 3 pixels.

  • length: The length of each tick. The default is 10.

  • margin: By default, ticks are rendered centered on the scale. When linear_ticks is used together with linear_numbers, this attribute can offset the ticks to prevent them from overlapping with the labels. Positive values offset the ticks in one direction and negative values offset them in the opposite direction. The default is 0.

  • caps: The type of caps at the ticks' ends. Valid values are none, round, and square. The default is none.

     

 

Example

<slickboard>
   
   <!-- draw a basic line -->  
   <line x1='200' y1='250' x2='300' y2='50' thickness='1' alpha='.2'/>   
   
   <!-- draw linear, right-justified labels from 100 down to 0 --> 
   <linear_numbers x1='200' y1='250' x2='300' y2='50' count='5' number_start='100' number_end='0' orientation='right' shadow='default' />   
   
   <!-- draw ticks to the right of the labels -->
   <linear_ticks x1='200' y1='250' x2='300' y2='50' count='5' color='ff4400' length='10' margin='10' thickness='3' shadow='default' />   

   <filter>
      <shadow id='default'  />
   </filter>

</slickboard>

 

 < previousnext > 


Copyright © 2010-2017, maani.us