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

 < previousnext > 

 

chart_pref

 

<chart_pref line_thickness='int'     <!-- line chart preferences -->
            point_shape='string'     
            point_size='int'
            fill_shape='boolean'
            connect='boolean'
            tip='string'
                        
            type='string'            <!-- candlestick chart preferences -->
            line_thickness='int'
            bull_color='string'
            bear_color='string'
            
            point_size='int'         <!-- scatter chart preferences -->
            point_shape='string'
            trend_thickness='int'
            trend_alpha='int'
            line_thickness='int'
            
            rotation_x='int'         <!-- 3d charts preferences -->
            rotation_y='int'
            drag='boolean'
            min_x='int'    
            max_x='int'
            min_y='int'      
            max_y='int'
            
            type='string'            <!-- polar chart preferences -->
            grid='string'
            line_thickness='int'
            point_shape='string'
            point_size='int'
            fill_shape='boolean'
            
            select='boolean'         <!-- pie charts preferences -->

            stretch='boolean'        <!-- image chart preferences -->

            empty_center='boolean'   <!-- donut chart preferences -->
            select='boolean'            
            
            zero_line='boolean'      <!-- general preferences -->
            /> 
                   


Description

chart_pref sets the preferences for some charts. Each chart type has different preferences, or no preferences at all.

 


Line Chart Preferences

  • line_thickness: The line thickness in line charts. The default is 3 pixel.

  • point_shape: The shape to draw at each value point. Valid values are circle, square, x, and none. The default is circle.

  • point_size: The size of the shape to draw at each value point. The default is 7 pixels.

  • fill_shape: A boolean that indicates whether the point shape is filled or not. Valid values are true or false. The default is false (not filled).

  • connect: A boolean that indicates whether missing data (null values) produce gaps in the line chart, or the line stays connected. Valid values are true or false. The default is false (missing data produce gaps).

  • tip: The shape of the end-tip of a line chart. Valid values are arrow and none. The default is none. The tip size is determined by the point_size attribute.

 


Candlestick Chart Preferences

In candlestick charts, each candle represents a period of time during which a price fluctuates. The price the period starts with is the "open" price. The price the period ends with is the "close" price. The highest and lowest price during this period are the "max" and "min". See 'chart_data' for more details.

  • type: Determines the candlestick's look. Valid values are:

    • body: This is the default type. This type shows a rectangle between the open and close prices. If the close price is higher than the open price (bull), then the rectangle is empty, and the open price is at the bottom of the rectangle. If the close price is lower than the open price (bear), then the rectangle is full, and the open price is at the top of the rectangle. The min and max values are at the tip of the lines extending out of the rectangle.

    • bar: This type shows a line between the min and max values. The open price is represented by a bar to the left of this line. The close price is represented by a bar to the right of this line.

    • arrow: This type shows a faded rectangle between the min and max values. The open price is represented by the base of the arrow inside. The close price is represented by the tip of the arrow inside. An up arrow indicates the close price is higher than the open price (bull.) A down arrow indicates the close price is lower than the open price (bear). When the arrow type is selected, the below line_thickness attribute does no apply. Use chart_data effect to apply physical attributes to the graphics.

  • line_thickness: The line thickness used in "body" and "bar" types. The default is 3 pixels.

  • bull_color: The color to use when the 'close' is higher than the 'open' value. This usually is a shade of green. This is a string holding triple hexadecimal values representing the red, green, and blue components of a color. The default is the first series_color.

  • bear_color: The color to use when the 'close' is lower than the 'open' value. This usually is a shade of red. This is a string holding triple hexadecimal values representing the red, green, and blue components of a color. The default is the first series_color.

 


Scatter Chart Preferences

  • point_size: The size of the shape to draw at each value point. The default is 7 pixels.

  • point_shape: The shape to draw at each value point. Valid values are circle, square, and x. The default is circle.

  • trend_thickness: The trend line's thickness. The default is 3 pixels. A value of zero hides the trend line. If a series only has one value point, then the trend line is always hidden.

  • trend_alpha: The trend line's transparency value. Valid values are 0 (fully transparent) to 100 (fully opaque). The default is 20. A value of zero hides the trend line. If a series only has one value point, then the trend line is always hidden.

  • line_thickness: The thickness of the line connecting the scatter points. The default is 0. A value of zero hides the connecting line.

 


3d Charts Preferences

  • rotation_x: The camera's rotation angle around the x-axis. Valid values are zero (camera is in front of the chart) to 89 (camera is above the chart). The default is 30.

  • rotation_y: The camera's rotation angle around the y-axis. Valid values are zero (camera is in front of the chart) to 89 (camera is to the left of the chart). The default is 30. In 3D Pie charts, this parameter is ignored to make the first slice always start from the 12 o'clock position.

  • drag: A boolean that indicates whether the user can click and drag to rotate the chart or not. This feature requires a fast processor. We recommend using it only when it enhances the chart. Valid values are true or false. The default is true.

  • min_x: The minimum rotation around the x-axis allowed by dragging. Use this to restrict rotation if the chart doesn't look good from all angles. Valid values are zero (camera is in front of the chart) to 89 (camera is above the chart). The default is 0.

  • max_x: The maximum rotation around the x-axis allowed by dragging. Use this to restrict rotation if the chart doesn't look good from all angles. Valid values are zero (camera is in front of the chart) to 89 (camera is above the chart). The default is 89.

  • min_y: The minimum rotation around the y-axis allowed by dragging. Use this to restrict rotation if the chart doesn't look good from all angles. Valid values are zero (camera is in front of the chart) to 89 (camera is to the left of the chart). The default is 0.

  • max_y: The maximum rotation around the y-axis allowed by dragging. Use this to restrict rotation if the chart doesn't look good from all angles. Valid values are zero (camera is in front of the chart) to 89 (camera is to the left of the chart). The default is 89.

 


Polar Chart Preferences

  • type: The type of polar chart. Valid values are line and area. The default is area.

  • grid: The type of grid. Valid values are linear and circular. The default is linear.

  • line_thickness: The line thickness. The default is 3 pixels.

  • point_shape: The shape to draw at each value point. Valid values are circle, square, x, and none. The default is circle.

  • point_size: The size of the shape to draw at each value point. The default is 7 pixels.

  • fill_shape: A boolean that indicates whether the point shape is filled or not. Valid values are true or false. The default is false (not filled).

 


Pie Charts Preferences

  • select: A boolean that indicates whether the slices in pie charts are clickable to select them or not. Clicking a slice detaches it from the pie. Clicking it again reattaches it. Valid values are true or false. The default is false (non-clickable slices). Link_data has a higher priority than this feature. Clicking a slice when link_data is activated performs the link_data action without selecting the slice. Selecting slices in Full Screen causes charts to be re-rendered without filters. Avoid using this feature together with filters and Full Screen.

 


Image Chart Preferences

  • stretch: A boolean that indicates whether the image column chart stretches images or maintains their proportions. The default is false (do not stretch, maintain proportions).

 


Donut Chart Preferences

  • empty_center: A boolean that indicates whether the donut chart has an empty center or not. Valid values are true or false. The default is true (empty center).

  • select: This is available when a donut chart only has one series (one donut ring). This is a boolean that indicates whether the donut parts are clickable to select them or not. Clicking a part detaches it from the donut. Clicking it again reattaches it. Valid values are true or false. The default is false (non-clickable parts). Link_data has a higher priority than this feature. Clicking a donut part when link_data is activated performs the link_data action without selecting the part. Selecting donut parts in Full Screen causes charts to be re-rendered without filters. Avoid using this feature together with filters and Full Screen.

 


General Preferences

  • zero_line: A boolean that indicates whether to draw a line separating the positive from the negative chart regions. Valid values are true or false. The default is true (show the zero line).

 

 

Example

<chart>

   <chart_type>line</chart_type>

   <!-- filled square points -->
   <chart_pref line_thickness='5' point_shape='square' fill_shape='true' /> 
</chart>

 


<chart>

   <!-- Body candlestick. Traditional black & white. -->
   <!-- Empty bodies represent a gain. Filled bodies represent a loss. -->
   <chart_type>candlestick</chart_type>
   <series_color>
      <color>000000</color>
   </series_color>
   <chart_pref type='body' line_thickness='4' />  

</chart>

 


<chart>

   <!-- Bar candlestick. Green and red. -->
   <!-- The left bar is the "Open" price. The right bar is the "Close" price. -->
   <chart_type>candlestick</chart_type>
   <chart_pref type='bar' bull_color='66FF00' bear_color='FF6600' line_thickness='5' /> 

</chart>

 


<chart>

   <!-- Arrow candlestick. Default series color. -->
   <!-- The base of the arrow is the "Open" price. The tip of the arrow is the "Close" price. -->
   <chart_type>candlestick</chart_type>
   <chart_pref type='arrow' /> 

</chart>

 

 < previousnext > 


Copyright © 2003-2017, maani.us