What are the Chart components?

Chart, or data visualization, components allow you to display charts that showcase data by connecting to a data source.

There are six types of chart components: columns, bars, pies, donuts, lines, and scatters. The names of the chart types correspond to how data is displayed. Select the chart type appropriate to your data when creating your apps. For example, columns are best for comparing data. 

Why use a Chart component?

Charts provide an effective way to visually present comparative data. Experiment with each of the chart types to see which is the most appropriate to use for your data. 

Options of a Chart component

Select a data source

Allows selection of a previously-created data source for the chart. Also allows creation of a data source. For more information, see Data Sources

How do you want your data to be plotted?

Select from the following options:

  • Plot my data as it is

  • Summarize my data

Select the column with the categories

Allows selection of the column with the categories from the previously-selected data source 

Select a column for the x-axis (for Line charts only)

Allows selection of the column to be displayed on the x-axis from the previously-selected data source

Select the column with the values

Allows selection of the column with the values from the previously-selected data source 

Select a column for the y-axis (for Line charts only)

Allows selection of the column to be displayed on the y-axis from the previously-selected data source

Format x-axis (for Line and Scatter charts only)

Allows the x-axis to be formatted as either a number or date/time

Chart height (mobile)

Allows setting of the chart height for mobile devices. This is set to 400px by default. It shouldn’t be less than 100px.

Chart height (tablet/desktop)

Allows setting of the chart height for tablet devices and desktops. This is set to 500px by default. It shouldn’t be less than 100px.

Enable data legends (except for Line and Scatter charts)

When checked, enables data legends to be displayed on the chart.

Enable data values

When checked, enables data values to be displayed on the chart.

X-axis title

Optional. Allows a title for the x-axis to be displayed on the chart.

Y-axis title

Optional. Allows a title for the y-axis to be displayed on the chart.

Show total number of entries

When checked, enables the total number of entries to be displayed on the chart.

Automatically refresh data every 5 seconds

When checked, sets the chart to automatically refresh every 5 seconds.