Embed charts in external webpages

New Relic APM UI functions include an Embedded charts feature that lets you embed a chart in a web page.

You can show Insights charts on displays with the Insights app for Apple TV or Insights app for iOS and Android.

Embedded chart rules

Embedded charts follow two rules:

Embedded charts Rules
Time range

Ending-now charts have dynamic time ranges, while custom date/time charts have static time ranges. For example:

  • If you create an embedded chart with a time range of Last 60 minutes ending now, that chart will dynamically update over time and will always showing the last hour of activity.
  • If you choose a custom date and time, the chart's time range will remain static and will not update.
Metrics

Embedded charts will always show the specific metrics present when the embedded chart was created. For example:

  • If you create an embedded chart for the five most time-consuming web transactions for the last 60 minutes, that chart will always show the activity of those five specific transactions, even if those transactions cease to be among the five slowest.
  • If a metric stops reporting, the embedded chart will not replace the missing metric with another metric.
  • If you are missing metrics in embedded charts, follow the troubleshooting procedures.

Create an embedded chart

To create an embedded iframe chart:

  1. Plan how you want the data to be captured for the chart.
  2. Mouse over the chart in the New Relic user interface, and select More... > Embed.
  3. Copy the iframe HTML code, and paste it into a webpage.

Here is an example of the iframe code that New Relic creates with the Embed function. To adjust the size of the iframe on your webpage, edit the width and height (in pixels).

<iframe src="https://rpm.newrelic.com/public/charts/abcde12345" width="500" height="300" scrolling="no" frameborder="no"></iframe>
to embed a chart from New Relic, mouse over the chart and select more > embed
To get the iframe code for a chart, mouse over the chart and select More... > Embed.

Use existing embedded charts

To view, rename, or delete an existing embedded chart: Go to rpm.newrelic.com > Tools > Embedded charts > (select a chart).

  • To rename an embedded chart in the list: Select the chart's title.
  • To delete an embedded chart from the list: Select the chart's Delete [trash can] icon.

Embed Insights charts

You can also embed widgets in New Relic Insights charts to share custom data.

For more help

Recommendations for learning more: