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

 < previousnext > 

 

Radial Numbers

 

<radial_numbers x='number' 
                y='number' 
                radius='number'  
                start='number'  
                end='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'
                hide_first='boolean'  
                hide_last='boolean'     
                />


Description

Radial_numbers draws spaced, radial numbers that can be used as dial labels:

  • x: The horizontal position of the dial's center relative to the upper left corner of the background (0, 0). The default is zero.

  • y: The vertical position of the dial's center relative to the upper left corner of the background (0, 0). The default is zero.

  • radius: The dial's radius. The default is 100.

  • start: To draw numbers around a complete circle, omit this attribute. To draw numbers in an arc, this determines the starting angle of the arc. An arc is rendered clockwise from the start to the end angle. Angle zero is at the 12 o'clock position. A full circle is 360 degrees. You may use values below 0 and over 360, but the end value must be larger then the start value. The default is 0.

  • end: To draw numbers around a complete circle, omit this attribute. To draw numbers in an arc, this determines the ending angle of the arc. An arc is rendered clockwise from the start to the end angle. Angle zero is at the 12 o'clock position. A full circle is 360 degrees. You may use values below 0 and over 360, but the end value must be larger then the start value. The default is 0.

  • number_start: The number displayed by the first label. The default is 0.

  • number_end: The number displayed by the last label. The default is 100.

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

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

    • horizontal: Display horizontal labels. This is the default value.

    • parallel_in: Display the labels parallel to the circumference and point their base inwards.

    • parallel_out: Display the labels parallel to the circumference and point their base outwards.

    • parallel: Display the labels parallel to the circumference and point their base either inwards or outwards for best reading.

    • perpendicular_in: Display the labels perpendicular to the circumference and make the text grow inwards.

    • perpendicular_out: Display the labels perpendicular to the circumference and make the text grow outwards.

    • perpendicular: Display the labels perpendicular to the circumference and make the text grow either inwards or outwards for best reading.


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

  • hide_first: If this is true, then the first label is hidden to avoid overlapping with the last label when the dial is a complete circle. The default is false.

  • hide_last: If this is true, then the last label is hidden to avoid overlapping with the first label when the dial is a complete circle. The default is false.

 

Example

<slickboard>
   
   <!-- draw a gray dial background -->
   <circle x='240' y='175' radius='140' start='270' end='90' fill_alpha='.1' />
   <rect x='100' y='175' width='280' height='20' fill_alpha='.1' />
   
   <!-- draw the dial's ticks -->  
   <radial_ticks x='240' y='175' radius='130' start='270' end='90' count='11' length='15' thickness='5' shadow='default' />   
    
   <!-- draw the dial's numbers -->  
   <radial_numbers x='240' y='175' radius='110' start='270' end='90' count='11' number_start='0' number_end='100' color='ff4400' shadow='default' />   


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

</slickboard>

 

 < previousnext > 


Copyright © 2010-2017, maani.us