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

 < previousnext > 

 

Linear Numbers

 

<linear_numbers x1='number' 
                y1='number' 
                x2='number'  
                y2='number' 
                number_start='number'  
                number_end='number'  
                count='number' 
                orientation=string'  
                font='string'  
                bold='boolean' 
                size=''number' 
                color='string'  
                alpha='number'  
                prefix=string'  
                suffix=string'   
                decimals='number' 
                decimal_char=string'    
                separator=string'     
                />


Description

Linear_numbers draws spaced numbers that can be used as labels for dashboard scales:

  • 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.

  • number_start: The number displayed by the first label. The default is 0. The number_start can be either smaller or larger than number_end.

  • number_end: The number displayed by the last label. The default is 100. The number_end can be either larger or smaller than number_end.

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

  • orientation The orientation of the labels. Valid values are:

    • center: Display the labels perpendicular and centered on the scale line. This is the default value.

    • left: Display the labels perpendicular and left justified on the scale line.

    • right: Display the labels perpendicular and right justified on the scale line.

    • parallel: Display the labels parallel to the scale line.

    • horizontal: Display the labels horizontal regardless of the scale angle.


  • font: The font used to draw the labels (see Font). The default is Arial.

  • bold: A boolean value that indicates whether the font is bold or not. Valid values are true or false. The default is true.

  • size: The font's size. The default 12.

  • color: The font's 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: This affects the text's transparency, only when an embedded font is used (see font). Valid values range from 0 (fully transparent) to 1 (fully opaque). The default is 1.

  • color: The labels' 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 labels' transparency value. Valid values range from 0 (fully transparent) to 1 (fully opaque). The default is 1.

  • prefix: The characters to add before the numbers (example: $10). The default is nothing.

  • suffix: The characters to add after the numbers (example: 10%). The default is nothing.

  • decimals: The number of decimal places to the right of the decimal point (example: 10.45). The default is zero (no decimals).

  • decimal_char: The character to use at the left of a decimal fraction (example: 1.5). The default is '.' (dot or full stop).

  • separator: The character to place between every group of thousands (example: 1,00,000). The default is nothing.

 

Example

<slickboard>
   
   <!-- draw linear labels from 0 up to 100 -->  
   <linear_numbers x1='100' y1='250' x2='100' y2='50' color='ff4400' count='11' number_start='0' number_end='100' shadow='default' /> 

   <!-- 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' color='ff4400' count='5' number_start='100' number_end='0' orientation='right' shadow='default' />   
   
   <filter>
      <shadow id='default'  />
   </filter>

</slickboard>

 

 < previousnext > 


Copyright © 2010-2017, maani.us