Show a Chart in an eForm

To configure a Chart form control, do the procedure in this topic.

Good to Know

  • You can create a chart to see process data represented by columns in a column chart, bars in a bar chart, lines in a line chart, or slices in a pie chart.
  • To get the process data in a chart you can use one of these options.
  • The Chart form control only supports multiple column lookups.

How to Start

  1. On the Application Explorer screen, do one of these:
  2. Do one of these:
    • Add a Chart Chart icon control:
      1. On the eForm Builder screen, in the Toolbox, open the Telerik Controls Telerik Controls icon tab.
      2. On the Telerik Controls Telerik Controls icon tab, drag a Chart Chart icon form control onto your eForm.
    • Change a Chart Chart icon control:
      1. On your eForm, click the control, and click Edit Edit icon.
  3. Click the Configure tab.

Procedure

  1. On the Configure tab, complete these fields.

    Configure tab
    Field Name Definition

    Minimum Value

    Function:
    Specifies the minimum value for an axis on your chart.
    Accepted Values:
    An integer.
    Default Value:
    0

    Maximum Value

    Function:
    Specifies the maximum value for an axis on your chart.
    Accepted Values:
    An integer.
    Default Value:
    1000

    Series Defaults

    Function:
    Specifies the type of chart to show.
    Accepted Values:
    • Column - Shows the chart in a column format.
    • Bar - Shows a bar chart.
    • Line - Shows a line chart.
    • Pie - Shows a pie chart.
    Default Value:
    Column

    Show Legend

    Function:
    Specifies if the chart shows a label beside the chart.
    Accepted Values:
    • Deselected - Shows no label beside the chart.
    • Selected - Shows label beside the chart.
    Default Value:
    Selected
  2. Do one of these:
    • To create a chart with a lookup from a specified data source, do this procedure.
      1. In the Select List Type list, select Lookup List.

        Lookup List
      2. Click Configure Chart DataSource(Configure Chart DataSource icon.
      3. On the Configure Data Source screen, in the Lookup Source list, select the name of your data lookup source.

        To create a new data lookup source, click Add Lookup Add Lookup icon. For more information, refer to Lookups.

        When you select the name of your data lookup source, the list shows in the Category Column and Series Column fields.


        Lookup Source
      4. In the Category Column field, select the name of the column to show the column value and column name (process data with the column name ) on the x-axis of the chart.

        Category Column
      5. In the Series Column field, select the columns to show on the y-axis of the chart.

        Series Column
    • To create your chart with a process data from a schema, do this procedure.
      1. In the Select List Type list, select Process Data.

        Process Data
      2. Click Configure Chart DataSource(Configure Chart DataSource icon.
      3. On the Configure Data Source screen, in the Schema Root Node field, specify a repeating schema element.

        Schema Root Node
      4. In the Category Column field, specify a child element.

        The value of your child element shows on the x-axis of your chart.


        Category Column field
      5. In the Series Column field, specify a child element.

        This child element value shows on the y-axis of your chart.


        Series Node
    • To create your chart with a lookup that starts with an Auto-Lookup or Pop-Up Select form control, do this procedure.
      1. In the Select List Type list, select Triggered from Auto/Manual Lookup.

        Triggered from Auto Manual Lookup
      2. Click Configure Chart DataSource(Configure Chart DataSource icon.
      3. On the Configure Data Source screen, in the Category field, specify the column name to show on the x-axis of the chart.

        This must be the same column name that is configured for the lookup in your Auto-Lookup or Pop-Up Select form control.


        Category field
      4. In the Series Column field, specify the column name to show on the y-axis of the chart.

        Series Column field