Example - Chart control

This example illustrates configuring the Chart control to display pie, bar and column charts.

  1. Add three Chart controls to a form: Chart 1, Chart 2 and Chart 3.
  2. Configure the chart controls as given in the table.
    Properties Chart 1 Chart 2 Chart 3
    Title

    Chart1-Bar

    Chart1-Pie

    Chart1-Column

    Query

    Live jobs (Job query)

    All Work Due Today (Workqueue query)

    Live jobs (Job query)

    Group by

    Job process name

    Activity name

    Activity process name

    Number of segments 10 10 10
    Show chart in 3D
    Refresh interval

    0 seconds

    0 seconds

    0 seconds

    Chart type

    Bar

    Pie

    Column

    Padding

    10px, 0px, 150px, 10px

    10px, 10px, 10 px, 10px

    10px, 0px, 150px, 10px

    Inner padding

    5%

    Legend position

    Right

    Show legend
    Show pie with donut
    Show label
    Label length

    20px

    20px

  3. Save and release the form.
  4. Open the sample form at runtime.
    The Bar, Pie and Column charts appear as shown below.



    In the above form:

    • Chart 1-Bar. This chart represents the number of live jobs and their respective job process names. In this case, Inventory process has 3 live jobs, Sales process has 2 jobs, Order has 3 jobs, Loan approval has 2 jobs and Accounts process has 2 live jobs associated.

    • Chart 2-Pie: This chart represents the number of works due today and the respective activity names. In this case Activity 1 has 12 works, Review order has 3 works and Credit Check activity has two works.

    • Chart 3-Column: This chart represents the number of live jobs and their respective activity process names. In this case, Sales process has 3 live jobs, Marketing has 3, Inventory has two jobs, Analytics has 3 and Accounts has four live jobs associated.