Show a Chart in an eForm

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

Background and Setup

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. Open eForm Builder.

    For information about how to open this screen, refer to eForm Builder screen.


    Eform Builder screen
  2. On the eForm Builder screen, in the Tool Box, open the Telerik Controls tab.

    Telerik Controls tab
  3. On the Telerik Controls tab, drag a Chart Chart icon form control onto your eForm.

    Chart form control
  4. On the Field Settings - Chart screen, click the Configure tab.

    Click Configure Tab

Procedure

  1. On the Configure tab, complete these fields.

    Configure tab
    Field NameDefinition

    Minimum Value

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

    Maximum Value

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

    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
    Example:
    Refer to:

    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 List Type field, select Lookup List.

        Lookup List
      2. Click Configure Chart DataSource Configure Chart DataSource icon.

        Lookup List
      3. On the Configure Data Source screen, in the Lookup Source field, 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 the Add Lookup field in the Auto-Lookup form control.

        Select Lookup Source

        When you select the name of your data lookup source, the list shows in the Category Column and Series Columns 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 Columns 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 List Type field, select Process Data.

        Process Data
      2. Click Configure Chart DataSource Configure Chart DataSource icon.

        Click Chart Data Source
      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 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 Node 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 List Type field, select Triggered from Auto-Lookup / Pop-Up Select.

        Triggered from Auto Manual Lookup
      2. Click Configure Chart DataSource Configure Chart DataSource icon.

        Click Chart Data Source
      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 Node field, specify the column name to show on the y-axis of the chart.

        Series Column field