Embed Charts with an iframe¶
You can embed a chart into a web application with an iframe and specify settings such as height, width, refresh interval, and display theme.
Charts embedded within an iframe may be either:
- Unauthenticated, in which case they are viewable by anyone.
Authenticated with a Verified Signature.
Select a dashboard.¶
From your dashboard page, select the dashboard containing the chart you wish to make embeddable.
Select a chart.¶
From the dashboard, click at the top-right of the chart to access its embedding information. Select Embed Chart from the dropdown menu.
Enable external sharing on the data source.¶
If you have already enabled external sharing on the data source this chart uses, skip this step. If you haven't yet enabled embedding on the data source, you can do so now. Click the Configure external sharing link.
Select the Unauthenticated tab in the dialog window.¶
Toggle Enable unauthenticated access to On.¶
(Optional) Specify filterable fields for your chart.¶
Specify the fields on which chart viewers can filter data. By default, no fields are specified, meaning the chart cannot be filtered until you explicitly allow at least one field.
To learn more about filterable fields, see Specify Filterable Fields.
Select the panel labeled Iframe.¶
Selecting the Iframe panel reveals the iframe embedding code and allows you to set autorefresh and display theme options.
- The autorefresh interval determines how often your chart refreshes with new data, if any, from your data source.
- You can select the Light or Dark display theme for your chart.
Copy the iframe embedding code.¶
The iframe embedding code contains your chart's base URL and chart ID, as well as any options you have set.
After your iframe code is ready with any options you've set, you can place it in a web page to display your chart.