General
- The permissions applied to the chart data will match the collection permissions of the collection connected to the widget.
Basic Usage (All Charts)
- In the editor go to Add Elements > App Widgets and drag a chart onto the page.

- Select the chart and use the Connect panel to connect it to a data collection on your site.

Basic Usage (Per Chart)
Bar Chart
- Set up a data collection with at least one Text field and one Number field.

- Open the Connect panel and select your data collection from the dropdown list.

- Select a Label field from the dropdown (Text fields only).

- Select one or multiple Data Fields using the checkboxes (Number fields only). Note: the label will match the Display Name you set in the collection field settings. Note: limited to up to 3 fields for Basic users. Upgrade to Pro for unlimited fields.

- Publish your site and enjoy!
Pie Chart