About Charts and Gauges

Chart and gauge components are defined in the Specify Chart Settings and Specify Gauge Settings dialog boxes. These components are rendered using the FusionCharts charting package.

Adding a Chart to a Form

To create a chart on a form:

1. With the form open, enter Design Mode.
2. From the toolbox, select Chart.
3. Do one of the following:
   • Single-click in the form to draw the chart at its default size.
   • Click in the form where you want one corner of the chart to be, hold down the mouse button and drag the cursor to draw the chart to the size you want.
4. From the Component property sheet, under Data Source, click in the Binding option and click the ellipses at the right to open the Edit Component Data Binding dialog box.
5. In the Type field, specify Chart and click Edit to open the Specify Chart Settings dialog box.
6. Specify the chart settings, as described in Specify Chart Settings Dialog Box. You must specify at least this information:
   • Chart Style: Single Series Charts depict one set of data, for example one month. Multi Series Charts depict one or more sets of data, for example multiple months. Combination Charts combine two or more chart types, for example a bar and a line chart.
   • Chart Type: Types are dependent on the style you selected.
   • Binding: Select Bind Chart to Entire Collection when you want to chart all of the data in the collection together.  For example, this option is useful on Home or mobile forms. Select Bind Chart to Current Row if you want the chart data to change on selection of each row. This option is most useful on multiview forms.
   • Chart Data Collection: The drop-down list includes all IDO collections that are available on the current form. Select the one whose properties you want to chart.
   • Available Properties: Select a property from the collection and click Add to add it to the list of fields you want to chart. For example, you might want to chart quantities and amounts on a form.
   • Specify X Axis Label: Select a property to add its label to the X axis of the chart.
7. Click Preview to see what your chart will look like using the options you selected.

   Note: The previewed example does not show Framework data.

8. Use the other tabs on the Specify Chart Settings Dialog Box to set up additional options for the chart. The Chart XML tab displays the XML code that will be used to generate the chart.
9. Click Apply and then click OK.
10. Click OK to close the Edit Component Dialog box.
11. Save your changes to the form and exit Design Mode.

Adding a Gauge to a Form

To create a gauge on a form:

1. With the form open, enter Design Mode.
2. From the toolbox, select Gauge.
3. Do one of the following:
   • Single-click in the form to draw the gauge at its default size.
   • Click in the form where you want one corner of the gauge to be, hold down the mouse button and drag the cursor to draw the gauge to the size you want.
4. From the Component property sheet, under Data Source, click in the Binding option and click the ellipses at the right to open the Edit Component Data Binding dialog box.
5. In the Type field, specify Gauge and click Edit to open the Specify Gauge Settings dialog box.
6. Specify the gauge settings, as described in Specify Gauge Settings Dialog Box. You must specify at least this information:
   • Gauge Type: Select the type of gauge you want to display.
   • Chart Data: If you select Collection, the drop-down list includes all IDO collections that are available on the current form. Select the collection whose properties you want to show on the gauge. From the Available Properties list, select a collection property and click Add to add it to the list of fields you want to chart. For example, you might want to chart quantities and amounts on a form.

     If you select Critical Numbers, the drop-down lists for Critical Numbers and Canned Critical Numbers include critical numbers that apply to the form. Specify additional information in the fields that are displayed. Users who are not licensed for the Critical Number Setup form cannot bind a gauge to a critical number at design time, or see a result in a critical number gauge at runtime. For more information, see About Critical Numbers.

7. Click Preview to see what your gauge will look like using the options you selected.

   Note: The previewed example does not show Framework data.

8. Use the other tabs on the Specify Gauge Settings Dialog Box to set up additional options for the gauge. The tabs that are enabled depend on the type of gauge you selected. The Gauge XML tab displays the XML code that will be used to generate the gauge.
9. Click Apply and then click OK.
10. Click OK to close the Edit Component Dialog box.
11. Save your changes to the form and exit Design Mode.

Related Topics

Specify Chart Settings Dialog Box

Specify Gauge Settings Dialog Box

About Critical Numbers