Knowledge Base

Using Graphs from PRTG Network Monitor in other webpages

Diese Seite steht leider noch nicht auf Deutsch zur Verfügung. Wir bitten um Ihr Verständnis!

Note: To work with the following instructions you must use PRTG Network Monitor 7.0.5 or later!

If you want to include live graphs that always show live traffic pattern (or other measured values) from PRTG in your own webpages (e.g. Intranet), you have three options that use different authentication methods:

1. Use a Map in an <IFRAME>

The quickest solution is to create a map using the desired pixel size. This map will be included in your webpage with an IFRAME:

  • 1. Create a new map, select the size you need and set enable the "Allow Public Access" option
  • 2. Create a layout for the map by placing graphs and/or other objects on the map
  • 3. Go to the "Get HTML" tab of the map's web page
  • 4. Copy the IFRAME HTML code provided by PRTG and paste it into your webpage code

The HTML code will look similar to this:

<iframe width=250 height=400 frameborder="1"
 src="http://YOUR_PRTG_SERVER_IP/public/mapshow.htm?id=2017&mapid=775A930E-6A91-4CFD-BC31-19AB6B68331C">
 </iframe>

2. Using group, device or sensor graphs in other webpages (with login/password in the URL)

The URL for a chart looks like this:

http://your_prtg_server_ip/chart.png?type=graph&width=300&height=160&username=prtgadmin&password=prtgadmin&graphid=2&id=0

The parameters are:

  • type: Must be set to "graph"
  • graphid: Selects graph number (0=live, 1=last 48 hours, 2=30 days, 3=365 days)
  • width: Width of the image in pixels
  • height: Height of the image in pixels
  • username: Username of a PRTG user account
  • password: The password for this user account
  • id: The object ID of the desired graph object
  • graphstylefile: [optional] can be used to change graph styling, default is "graphstyling.htm"
  • datastylefile: [optional] can be used to change graph styling, default is "graphdatastyling.htm"

You can find the id of an object by navigating to the object in the web interface and looking at the id= parameter of the URL.

You may have noticed that the URL above contains a username and a password which can imply security concerns. Please set up a dedicated user account that only has e.g. "read" priviledges for the root group and all underlying entries. Or choose one of the other options.

3. Using group, device or sensor graphs in other webpages (via the maps feature)

Another option is to use graph PNG files from public maps. These PNG files can be accessed without a username/password combination by adding the MapID to the image URL. Using this option you do not need to supply a username/password. The parameters are the same as above.

  • 1. Create a new map and set enable the "Allow Public Access" option
  • 2. Make a note of the "Map ID" string
  • 3. Edit the map and add the graphs you want to use externally to the map (this is important: only the graphs of objects that are actually shown on the map will be available)

Now use the following URL for your charts:

http://pop:8081/public/chart.png?type=graph&id=2003&graphid=0&width=200&height=100&mapid=775A930E-6A91-4CFD-BC31-19AB6B68331C

Note that authentication is now performed using the mapid parameter instead of username/password.

By Category