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 the 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:
|
|
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. |
Related Articles