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.
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/69b5780b-e2e0-4ff6-833a-7fe69ee305d7/62b96960-3c5d-4298-b115-34a97e381569/Untitled.png)
- Select the chart and use the Connect panel to connect it to a data collection on your site.
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/69b5780b-e2e0-4ff6-833a-7fe69ee305d7/a4eaf8bd-4b85-48b6-96ba-e46714063a60/Untitled.png)
Basic Usage (Per Chart)
Bar Chart
- Set up a data collection with at least one Text field and one Number field.
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/69b5780b-e2e0-4ff6-833a-7fe69ee305d7/dd5b01fb-557a-4594-8116-f0811b105eb8/Untitled.png)
- Open the Connect panel and select your data collection from the dropdown list.
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/69b5780b-e2e0-4ff6-833a-7fe69ee305d7/2b924db7-709e-41fe-86a1-52354aca82f9/Untitled.png)
- Select a Label field from the dropdown (Text fields only).
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/69b5780b-e2e0-4ff6-833a-7fe69ee305d7/3e9d3dd7-5cb3-46c4-aa58-fc23745bd179/Untitled.png)
- 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.
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/69b5780b-e2e0-4ff6-833a-7fe69ee305d7/85df0f59-a829-4a85-83cb-5899ac4c7146/Untitled.png)
- Publish your site and enjoy!
Pie Chart