Plugin - Charts

A chart helps understand data visually. It is a graphical or diagramatic representation of data.

New Additions

Name Type Description
com.appemble.charts.
CHART
control Chart Control that can create charts out of a data source.

Integrating the plugin (Android)

Supporting a chart in your application is a 3 step process.

  1. Download the plugin and import it in - (TODO - give links)
    • Chart Plugin
    • Chart tutorial
  2. Add the library appemble-android-charts to your project.

    TODO show the screen shot that shows the added library.

  3. Add the chart control - Add the new Chart control in a screen with all necessary attributes including data source. See examples below on how to add a chart control.

Attributes (for Chart Control)

Attribute Description Values Mandatory
name Name identifies this control. If another control wants to include a control as an attribute, then name is used.   No
type CHART   Yes
x

Specifies x position (distance from the left edge of the parent control). Parent control could be screen as well. It can be expressed in percentage, or pixels (px) or device pixels (dp).

By default width in percentage is relative to its parent control. It can be made relative to screen using attribute dimensions_relative_to=”SCREEN” in screen_deck . Learn more about dimensions

  Yes
y

Specifies y position (distance from the top edge of the parent control). Parent control could be screen as well. It can be expressed in percentage, or pixels (px) or device pixels (dp).

By default width in percentage is relative to its parent control. It can be made relative to screen using attribute dimensions_relative_to=”SCREEN” in screen_deck . Learn more about dimensions

  Yes
width

Specifies the width of the control in percentage or pixels (px) or device pixels (dp).

By default width in percentage is relative to its parent control. It can be made relative to screen using attribute dimensions_relative_to=”SCREEN” in screen_deck . Learn more about dimensions

  Yes
height

Specifies the height of the control in percentage or pixels (px) or device pixels (dp).

By default width in percentage is relative to its parent control. It can be made relative to screen using attribute dimensions_relative_to=”SCREEN” in screen_deck . Learn more about dimensions

  Yes
appearance_name Not applicable   Yes
default_value Not applicable   No
data_type Defines the type of data applicable for this control. CURSOR JSONARRAY  
remote_data_format This defines the format of data received back after executing the URL. Default is JSON. JSON  
remote_data_save_locally

This attribute directs AVM to save the remote data locally as well before passing it to the control. If the server response is JSON, AVM will attempt to save the data locally. See section Fetch remote data in XMADL control element.

Note: Local Data is always fetched after the remote data is fetched. So if remote data is first saved into the local database then the local data fetch will get the latest and greatest data.

   
local_data_source SQL Query that fetches data from local database. See Attributes defining data source for control    
remote_data_source Defines url from where the control needs to get the data. See Attributes defining data source for screen    
remote_request_type Defines type of remote request for the server

GET (default)

POST

PUT

DELETE

 
chart_type   BarChart StackedBarChart RangeBarChart LineChart CubicLineChart ScatterChart TimeChart BubbleChart DoughnutChart PieChart DialChart Yes
chart_title The title appears on the top of the chart center aligned.    
chart_title_text_size Sets the chart title text size.. It can be specified in percentage, pixels or device pixels.    
chart_scale Sets the value to be used for scaling the chart. It is applicable to pie, doughnut and dial charts.    
background_color Sets the background color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
orientation Sets the current orientation of the chart X axis. Values - HORIZONTAL, VERTICAL    
titles Defines the legend titles. The number of legend titles must match the number of lines on the chart.    
colors Defines the color for each line in the line chart. The number of colors must match the number of lines on the chart.    
point_style Sets the point style. It is applicable to line, cublic line, scatter and time charts. CIRCLE TRIANGLE DIAMOND SQUARE POINT  
point_styles      
point_size Sets the size of the points, for charts displaying points. It can be in percentage, pixel or device pixel.    
fill_points Sets if the chart points should be filled. boolean  
point_stroke_width Defines the stroke width for the points. It can be in percentage, pixel or device pixel.    
x_min Sets the start value of the X axis range.    
x_max Sets the end value of the X axis range.    
y_min Sets the start value of the Y axis range    
y_max Sets the end value of the Y axis range.    
bar_spacing Sets the spacing between bars. Applicable for bar, stacked bar charts. This is a coefficient of the bar width. For instance, if you want the spacing to be a half of the bar width, set this value to 0.5.    
show_axes Sets if the axes should be visible. boolean  
x_axis_title Sets the title for the X axis.    
y_axis_title Sets the title for the Y axis.    
axes_color Sets the axes color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
axes_title_text_size Sets the axis title text size. It can be expressed in percentage, pixels or device pixels.    
show_labels Sets if the labels should be visible. boolean  
labels_color Sets the labels color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
x_label_color Sets the X axis labels color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
y_label_color Sets the Y axis labels color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
labels_text_size Sets the labels text size. It can be expressed in percentage, pixels or device pixels.    
x_label_align Sets the X axis labels alignment. LEFT CENTER RIGHT  
y_label_align Sets the Y axis labels alignment. LEFT CENTER RIGHT  
x_label_angle Sets the rotation angle (in degrees) of labels for the X axis.    
y_label_angle Sets the rotation angle (in degrees) of labels for the Y axis.    
x_label_padding Sets the amount of padding between the X-axis and the label. It can be in percentage, pixel or device pixel.    
y_label_padding Sets the amount of padding between the Y-axis and the label. It can be in percentage, pixel or device pixel.    
show_legend Sets if the legend should be visible. boolean  
legend_text_size Sets the legend text size. It can be expressed in percentage, pixels or device pixels.    
legend_fit Sets if the legend should size to fit. boolean  
margins comma separated 4 values (top, left, bottom, right). It can be expressed in percentage, pixels or device pixels.    
margins_color Sets the color of the margins. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
pan_enabled Sets the enabled state of the pan. boolean  
pan_limits Comma separated values 4 values (panMinimumX, panMaximumX, panMinimumY, panMaximumY). It can be expressed in percentage, pixels or device pixels.    
zoom_button_visible Sets the visible state of the zoom buttons. boolean  
zoom_enabled Sets if zoom is enabled. boolean  
zoom_limits Comma separated values 4 values (zoomMinimumX, zoomMaximumX, zoomMinimumY, zoomMaximumY). It can be expressed in percentage, pixels or device pixels.    
zoom_rate Sets the zoom rate.    
show_grid Sets if both X and Y axis grid should be visible.    
show_x_grid Sets if the X axis grid should be visible.    
show_y_grid Sets if the Y axis grid should be visible.    
grid_color Sets the color of the grid. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’, ‘yellow’, ‘lightgray’, ‘darkgray’    
antialiasing Sets the antialiasing value. boolean  
in_scroll To be set if the chart is inside a scroll view and doesn’t need to shrink when not enough space. boolean  
start_angle Sets the start angle for circular charts such as pie, doughnut, etc. An angle of 0 degrees correspond to the geometric angle of 0 degrees (3o’clock on a watch.)    
min_angle Sets the start angle value of the dial. Applicable to Dial Chart only.    
max_angle Sets the end angle value of the dial. Applicable to Dial Chart only.    
min_value Sets the start value to be rendered on the dial. Applicable to Dial Chart only.    
max_value Sets the end value to be rendered on the dial. Applicable to Dial Chart only.    
minor_ticks_spacing Sets the minor ticks spacing. Applicable to Dial Chart only.    
major_ticks_spacing Sets the major ticks spacing. Applicable to Dial Chart only.    
visual_types Sets the visual types. It is comma separated list of values. NEEDLE ARROW  
initial_range comma separated 4 values (minX, maxX, minY, maxY). Sets the axes initial range values. This will be used in the zoom fit tool.    
display_chart_values Sets if the chart point values should be displayed as text. boolean  
display_chart_values_spacing Sets chart values minimum distance. It can be expressed in percentage, pixels or device pixels.    
chart_values_text_size Sets the chart values text size. It can be expressed in percentage, pixels or device pixels.    
chart_values_text_size_align Sets the chart values text align. LEFT CENTER RIGHT  
chart_values_spacing Sets the chart values spacing from the data point. It can be expressed in percentage, pixels or device pixels.    
stroke Sets the stroke style for all lines in the line chart. SOLID DASHED DOTTED  
strokes Sets the stroke style for each line in the line chart. SOLID DASHED DOTTED  
gradient_enabled Sets if gradient should be enabled. boolean  
gradient_start_value Sets the gradient start value.    
gradient_start_color Sets the gradient start color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’ ‘yellow’, ‘lightgray’, ‘darkgray’    
gradient_stop_value Sets the gradient stop value.    
gradient_stop_color Sets the gradient stop color. Supported formats are: #RRGGBB #AARRGGBB ‘red’, ‘blue’, ‘green’, ‘black’, ‘white’, ‘gray’, ‘cyan’, ‘magenta’ ‘yellow’, ‘lightgray’, ‘darkgray’    
date_format Format used to read the data set for the Time Chart.    
num_x_labels Number of X Labels generated by default. Set it to “1” if you are providing the x_label_text#    
x_text_label1 Adds a new text label for the specified X axis value.    
x_text_label2 Adds a new text label for the specified X axis value.    
x_text_label3 Adds a new text label for the specified X axis value.    
x_text_label4 Adds a new text label for the specified X axis value.    
x_text_label5 Adds a new text label for the specified X axis value.    
x_text_label6 Adds a new text label for the specified X axis value.    
x_text_label7 Adds a new text label for the specified X axis value.    
x_text_label8 Adds a new text label for the specified X axis value.    
x_text_label9 Adds a new text label for the specified X axis value.    
x_text_label10 Adds a new text label for the specified X axis value.    
x_text_label11 Adds a new text label for the specified X axis value.    
x_text_label12 Adds a new text label for the specified X axis value.    
x_text_label13 Adds a new text label for the specified X axis value.    
x_text_label14 Adds a new text label for the specified X axis value.    
x_text_label15 Adds a new text label for the specified X axis value.    
x_text_label16 Adds a new text label for the specified X axis value.    
x_text_label17 Adds a new text label for the specified X axis value.    
x_text_label18 Adds a new text label for the specified X axis value.    
x_text_label19 Adds a new text label for the specified X axis value.    
x_text_label20 Adds a new text label for the specified X axis value.    

Line Chart

Example of a line chart

<control name="mychart" type="com.appemble.CHART" chart_type="CubicLineChart"
    x="0" y="5" width="100" height="90"
    data_source_type="CURSOR"
    local_data_source="select a.month, a.sales, b.sales from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

    chart_title="Monthly sales in the last 2 years"
    chart_title_text_size="20dp" chart_scale="0"
    background_color="#FF111111" orientation="HORIZONTAL"
    titles="2007, 2008"
    colors="#FFFF0000, #FF00FF00"
    point_styles="CIRCLE, DIAMOND" point_size="4dp"
    x_min="0.5" x_max="12.5" y_min="0" y_max="24000"

    show_axes="true" x_axis_title="Month" y_axis_title="Units sold"
    axes_color="#FFFFFFFF" axes_title_text_size="15dp"

    show_labels="true" labels_text_size="12dp"
    x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
    x_label_align="LEFT" y_label_align="RIGHT"
    x_label_angle="90" y_label_angle="30"
    x_label_padding="30dp" y_label_padding="5dp"
    num_x_labels="1"
    x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May"
    x_text_label7="Jul" x_text_label9="Sep" x_text_label11="Nov"

    show_legend="true" legend_text_size="20dp" legend_fit="true"

    margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

    pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

    zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

    show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

    antialiasing="true" />

image

Cubic Line Chart

Example

<controls>
    <control name="mychart" type="com.appemble.CHART" chart_type="CubicLineChart"
        x="0" y="5" width="100" height="90"
        data_source_type="CURSOR"
        local_data_source="select a.month, a.sales, b.sales from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp" chart_scale="0"
        background_color="#FF111111" orientation="HORIZONTAL"
        titles="2007, 2008"
        colors="#FFFF0000, #FF00FF00"
        point_styles="CIRCLE, DIAMOND" point_size="4dp"
        x_min="0.5" x_max="12.5" y_min="0" y_max="24000"

        show_axes="true" x_axis_title="Month" y_axis_title="Units sold"
        axes_color="#FFFFFFFF" axes_title_text_size="15dp"

        show_labels="true" labels_text_size="12dp"
        x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
        x_label_align="LEFT" y_label_align="RIGHT"
        x_label_angle="90" y_label_angle="30"
        x_label_padding="30dp" y_label_padding="5dp"
        num_x_labels="1"
        x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May"
        x_text_label7="Jul" x_text_label9="Sep" x_text_label11="Nov"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

        show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

        antialiasing="true" />

image

Area Chart

Example

Scatter Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="ScatterChart"
    x="0" y="10" width="100" height="80"
    data_source_type="CURSOR"
        local_data_source="select a.month, a.sales, b.sales from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp" chart_scale="0"
        background_color="#FF111111" orientation="HORIZONTAL"
        titles="2007, 2008"
        colors="#FFFF0000, #FF00FF00"
        point_styles="CIRCLE, DIAMOND" point_size="6dp" fill_points="true" point_stroke_width="2dp"

        x_min="0.5" x_max="12.5" y_min="0" y_max="24000"

        show_axes="true" x_axis_title="Month" y_axis_title="Units sold" axes_color="#FFFFFFFF"
        axes_title_text_size="15dp"

        show_labels="true" labels_text_size="20dp"
        x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
        x_label_align="LEFT" y_label_align="RIGHT"
        x_label_angle="90" y_label_angle="30"
        x_label_padding="30dp" y_label_padding="5dp"
        num_x_labels="1"
        x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May"
        x_text_label7="Jul" x_text_label9="Sep" x_text_label11="Nov"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

        show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

        antialiasing="true" />

image

Time Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="TimeChart"
    x="0" y="10" width="100" height="80"
    data_source_type="CURSOR"
        local_data_source="select a.last_modified, a.sales, b.sales from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

        chart_title="Monthly sales in the last 2 years" chart_title_text_size="20dp"
        chart_scale="0"
        background_color="#FF111111"
        orientation="HORIZONTAL"
        titles="2007, 2008"
        colors="#FFFF0000, #FF00FF00"
        point_styles="CIRCLE, DIAMOND" point_size="4dp"
        date_format="HH:mm:ss"
        x_min="0.5" x_max="12.5" y_min="0" y_max="24000"

        show_axes="true" axes_color="#FFFFFFFF" axes_title_text_size="15dp"
        x_axis_title="Month" y_axis_title="Units sold"

        show_labels="true" labels_text_size="12dp"
        x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
        x_label_align="LEFT" y_label_align="RIGHT"
        x_label_angle="90" y_label_angle="30"
        x_label_padding="30dp" y_label_padding="5dp"
        num_x_labels="12"
        x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May" x_text_label7="Jul"
        x_text_label9="Sep" x_text_label11="Nov"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

        show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

        antialiasing="true" />

Bar Chart

Example

        <control name="mychart" type="com.appemble.CHART" chart_type="BarChart"
            x="0" y="5" width="100" height="90"
data_source_type="CURSOR"
            local_data_source="select a.sales, b.sales from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

chart_title="Monthly sales in the last 2 years"
chart_title_text_size="20dp" chart_scale="0"
background_color="#AA111111" orientation="HORIZONTAL"
titles="2007, 2008"
colors="#FFFF0000, #FF00FF00"
bar_spacing="0.5"

            show_axes="true" x_axis_title="Month" y_axis_title="Units sold"
            axes_color="#FF0000FF" axes_title_text_size="15dp"

x_min="0.5" x_max="12.5" y_min="0" y_max="24000"

            show_labels="true" labels_text_size="12dp"
            x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
            x_label_align="LEFT" y_label_align="RIGHT"
            x_label_angle="90" y_label_angle="30"
                x_label_padding="30dp" y_label_padding="5dp"
num_x_labels="1"
x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May" x_text_label7="Jul"
x_text_label9="Sep" x_text_label11="Nov"

            show_legend="true" legend_text_size="20dp" legend_fit="true"

            margins="20dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

            pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

            zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

            show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

            antialiasing="true"/>

Stacked Bar Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="StackedBarChart"
    x="0" y="10" width="100" height="80"
        data_source_type="CURSOR"
        local_data_source="select a.sales, b.sales from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp" chart_scale="0"
        background_color="#AA111111" orientation="HORIZONTAL"
        titles="2007, 2008"
        colors="#FFFF0000, #FF00FF00"
        point_styles="CIRCLE, DIAMOND" point_size="4dp"
        x_min="0.5" x_max="12.5" y_min="0" y_max="24000"
        bar_spacing="0.5"
        show_axes="true"
        x_axis_title="Month" y_axis_title="Units sold"
        axes_color="#FFFFFFFF" axes_title_text_size="15dp"

        show_labels="true" labels_text_size="12dp"
        x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
        x_label_align="LEFT" y_label_align="RIGHT"
        x_label_angle="90" y_label_angle="30"
        x_label_padding="30dp" y_label_padding="5dp"
        num_x_labels="1"
        x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May"
        x_text_label7="Jul" x_text_label9="Sep" x_text_label11="Nov"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

        show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

        antialiasing="true" />

Pie Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="PieChart"
    x="0" y="10" width="100" height="80"
        data_source_type="CURSOR"
        local_data_source="select a.month as title, a.color as color, a.sales as value from chart a where a.year = 2007 order by title"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp" background_color="#99111111"

        show_labels="true" labels_text_size="20dp"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1" zoom_button_visible="true"

        antialiasing="true" />

Bubble Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="BubbleChart"
    x="0" y="5" width="100" height="90"
        data_source_type="CURSOR"
        local_data_source="select year as title, month as x, yearno as y, sales as value from chart order by title"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20px" chart_scale="0"
        background_color="#FF111111" orientation="HORIZONTAL"
        colors="#FFFF0000, #FF00FF00"

        show_axes="true" x_axis_title="Month" y_axis_title="Units sold"
        axes_color="#FFFFFFFF" axes_title_text_size="15px"

        x_min="0" x_max="11" y_min="0" y_max="5"

        show_labels="true"
        x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
        labels_text_size="12px"
        x_label_align="LEFT" y_label_align="RIGHT"
        x_label_angle="0" y_label_angle="30"
        x_label_padding="30dp" y_label_padding="5dp"
        num_x_labels="1"
        x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May" x_text_label7="Jul"
        x_text_label9="Sep" x_text_label11="Nov"

        show_legend="true" legend_text_size="20px" legend_fit="true"

        margins="50dp, 40dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10px, 20px, -10px, 40px"

        zoom_enabled="false" zoom_limits="-10px, 20px, -10px, 40px" zoom_rate="1.1"

        show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

        antialiasing="true" />

Doughnut Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="DoughnutChart"
    x="0" y="10" width="100" height="80"
        data_source_type="CURSOR"
        local_data_source="select a.year as category, a.month as title, a.sales as value from chart a order by category, title"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp"
        colors="#FFFF0000, #FF00FF00, #FFFF0000, #FF00FF00,#FFFF0000, #FF00FF00,#FFFF0000, #FF00FF00,#FFFF0000, #FF00FF00,#FFFF0000, #FF00FF00"
        background_color="#FF111111"

        show_labels="true" labels_text_size="25dp"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1" zoom_button_visible="true"

        antialiasing="true" />

Range (high-low) bar Chart

Example

<control name="mychart" type="com.appemble.CHART" chart_type="RangeBarChart"
    x="0" y="10" width="100" height="80"
        data_source_type="CURSOR"
        local_data_source="select a.sales as min, b.sales as max from chart a, chart b where a.year = 2007 and b.year = 2008 and a.month=b.month"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp" chart_scale="0"
        background_color="#55111111"
        orientation="HORIZONTAL"
        titles="2007"
        colors="#FFFF0000"

        bar_spacing="0.5"

        x_min="0.5" x_max="12.5" y_min="0" y_max="24000"

        show_axes="true"
        x_axis_title="Month" y_axis_title="Units sold" axes_color="#FFFFFFFF"
        axes_title_text_size="15dp"

        show_labels="true" labels_text_size="20dp"
        x_label_color="#FFFFFFFF" y_label_color="#FFFFFFFF"
        x_label_align="LEFT" y_label_align="RIGHT"
        x_label_angle="90" y_label_angle="30"
        x_label_padding="30dp" y_label_padding="5dp"
        num_x_labels="1"
        x_text_label1="Jan" x_text_label3="Mar" x_text_label5="May"
        x_text_label7="Jul" x_text_label9="Sep" x_text_label11="Nov"

        show_legend="true" legend_text_size="20dp" legend_fit="true"

        margins="50dp, 60dp, 50dp, 20dp" margins_color="#000000FF"

        show_grid="false" show_x_grid="true" show_y_grid="false" grid_color="#FFFFFFFF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="false" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

        gradient_enabled="true" gradient_start_value="5000"
        gradient_start_color="#FF0000FF" gradient_stop_value="15000"
        gradient_stop_color="#FF00FF00" display_chart_values="true"

        display_chart_values_spacing="3"

        antialiasing="true" />

Dial Chart / Gauge

Example

<control name="mychart" type="com.appemble.CHART" chart_type="DialChart"
    x="0" y="5" width="100" height="90"
        data_source_type="CURSOR"
        local_data_source="select a.month as title, a.color as color, a.sales as value from chart a where a.year = 2008 order by title"

        chart_title="Monthly sales in the last 2 years"
        chart_title_text_size="20dp" background_color="#FF111111"
        visual_types="NEEDLE, ARROW, NEEDLE, NEEDLE, ARROW, NEEDLE, NEEDLE, ARROW, NEEDLE, ARROW, NEEDLE, ARROW"

        show_labels="true" labels_color="#FFFFFFFF" labels_text_size="12dp"

        show_legend="true" legend_text_size="15dp" legend_fit="true"

        margins="50dp, 50dp, 50dp, 20dp" margins_color="#000000FF"

        pan_enabled="true" pan_limits="-10dp, 20dp, -10dp, 40dp"

        zoom_enabled="true" zoom_limits="-10dp, 20dp, -10dp, 40dp" zoom_rate="1.1"

        antialiasing="true" />

Combined (any combination of line, cubic line, scatter, bar, range bar, bubble) Chart

You can combine different charts to present data in most efficient way.