Chart Format Properties

The following Chart Format Properties are available for use with the Chart Display Adapter. Click on a link to move directly to that section.

•    Chart Display Settings

•    Chart Setup

•    Chart Styles

•    Chart Palette

•    Data Plot Settings

•    Gauge Circular Display Settings

•    Gauge Linear Display Settings

Chart Display Settings

Controls the look and feel of the chart.

Example:

<chart_settings>

<title enabled="true" padding="15">

<text>Salaried Status</text>

</title>

</chart_settings>

 

Chart Setup

       Click on this link to see a Related Video
from the CorasWorks Community: CDA Chart Setup Property

EnableAnimation

Type: Boolean

Enables/disables animation for the given chart. For use in dashboard mode.

Name

Type: String

The chart name used in dashboard mode.

MarginAll

Type: Number

Sets the margins for all sides, measured in pixels. The right, left, top, and bottom attributes (see below) override this value.

MarginBottom

Type: Number

Sets the bottom margin in pixels.

MarginLeft

Type: Number

Sets the left margin in pixels.

MarginRight

Type: Number

Sets the right margin in pixels.

MarginTop

Type: Number

Sets the top margin in pixels.

Type (Chart Only)

Type: String

Controls the plotting type of the chart.

•    CategorizedVertical

•    CategorizedHorizontal

•    CategorizedBySeriesVertical

•    CategorizedBySeriesHorizontal

•    Scatter

•    Pie

•    Doughnut

•    Map

Example:

<chart_settings>

<type>CategorizedHorizontal</type>

</chart_settings>

 

Back to Top

Chart Styles

Controls the styles that are available to points in your chart.

Example:

<styles>

  <bar_style name="Style 1">

    <states>

      <normal>

        <fill enabled="true" type="solid" color="DarkBlue" />

      </normal>

      <hover>

        <fill enabled="true" type="solid" color="aqua" />

      </hover>

    </states>

  </bar_style>

</styles>

Back to Top

 

Chart Palette

Controls the palettes that are available to points in your chart.

Example:

<palette name="SampleColorRangePalette" type="ColorRange" color_count="20">

  <gradient>

    <key color="Red" />

    <key color="Yellow" />

  </gradient>

</palette>

Back to Top

 

Data Plot Settings

Controls the display of points on your chart.

Example:

<data_plot_settings>

                <pie_series>

                                <label_settings enabled="true" mode="Outside">

                                                <format>{%Name}  {%YPercentOfSeries}{numDecimals:0}%</format>

                                </label_settings>

                </pie_series>

</data_plot_settings>

Back to Top

 

Gauge Circular Display Settings

Controls the look for circular gauges.

Example:

<circular>

                <axis radius="50" start_angle="90" sweep_angle="180">

                                <scale minimum="0" maximum="120" major_interval="20" minor_interval="5" />

                                <scale_bar enabled="false" />

                                <labels enabled="true">

                                                <font bold="true" />

                                                <format>{%Value}{numDecimals:0} mph</format>

                                </labels>

                                <minor_tickmark enabled="false" />

                                <color_ranges>

                                                <color_range start="0" end="40" color="Green" />

                                                <color_range start="40" end="80" color="Yellow" />

                                                <color_range start="80" end="120" color="Red" />

                                </color_ranges>

                                <custom_labels>

                                                <custom_label value="65" enabled="true">

                                                                <label enabled="true" align="Outside" padding="20">

                                                                                <format>Optimal</format>

                                                                </label>

                                                                <tickmark enabled="true" shape="Star5" auto_rotate="false" width="10" length="10" align="Inside" padding="12">

                                                                                <fill color="Blue" />

                                                                                <border color="DarkColor(Blue)" />

                                                                </tickmark>

                                                </custom_label>

                                </custom_labels>

                </axis>

</circular>

Back to Top

 

Gauge Linear Display Settings

Controls the look for linear gauges.

Example:

<linear orientation="horizontal">

                <axis size="50">

                                <scale minimum="0" maximum="100" major_interval="10" minor_interval="2" />

                                <labels enabled="true">

                                                <font bold="true" />

                                                <format>{%Value}{numDecimals:0}</format>

                                </labels>

                                <minor_tickmark enabled="false" />

                                <color_ranges>

                                                <color_range start="0" end="30" color="Red">

                                                                <label>

                                                                                <format>Bad</format>

                                                                </label>

                                                </color_range>

                                                <color_range start="30" end="65" color="Yellow">

                                                                <label>

                                                                                <format>Good</format>

                                                                </label>

                                                </color_range>

                                                <color_range start="65" end="100" color="Green">

                                                                <label>

                                                                                <format>Excellent</format>

                                                                </label>

                                                </color_range>

                                </color_ranges>

                                <custom_labels>

                                                <custom_label value="65" enabled="true">

                                                                <label align="Outside" enabled="true" padding="20">

                                                                                <format>Planned</format>

                                                                </label>

                                                                <tickmark enabled="true" shape="Star5" width="20" length="20" align="Outside" padding="10">

                                                                                <fill color="Yellow" />

                                                                                <border color="DarkColor(Yellow)" />

                                                                </tickmark>

                                                </custom_label>

                                </custom_labels>

                </axis>

                <frame enabled="true">

                                <background enabled="true">

                                                <border enabled="true" color="Black" />

                                </background>

                </frame>

</linear>

Back to Top