We use cookies to ensure you get the best experience on our website. Our Privacy Policy Got It
FrameFlow Dashboards
Graph Panel
About the Graph Panel

In addition to our ready-made dashboard panels, FrameFlow also offers a robust graph-making feature. Use the Graph panel to contextualize data from your other dashboard panels, or use them on their own to convey information. Each graph you create has a Graph Explorer that lets you see its data in more detail if needed.

There are three different ways to choose the data that will appear in your graph: "Device, Monitor, and Data Point", "Monitor and Data Point" and "Device and Monitor". Below, we explain how to use each one.

Device, Monitor, and Data Point

"Choose device, monitor, and data point" lets you select a data point from an event monitor for a specific network device associated with the event monitor. For example, maybe you want to graph CPU usage from the System Health Event Monitor for one of your key machines.

Click "Add Graph Value" to open the chooser menus and use each menu to select a device, monitor, and data point respectively. Once you've entered one device/monitor/data point combination, you can add more combinations to be displayed on the same axis. This helps you compare and contrast different values visually. The second combination will be shown in a different color than the first one for easy viewing. The graph data will be layered in the order in which you added each combination, but you can grab them using the hamburger icon to bring them to the top or bottom.

Multiple Metric Graph

Clicking the chevron next to each graph data point reveals some style settings with which you can customize the way your graph is presented on your dashboard. Under "Graph Style", you can choose whether your graph will be displayed as an area graph or a line graph. Changing the opacity of your graph data allows a layered graph setup to be more legible. Graphs are most easily read when the most opaque element is in the back.

Paintbrush Settings

Under "Line Style", you can choose between line and step. You can also choose the color and thickness of the line. Decide whether or not you want bullets on your graph, then customize the way the bullets look. If you want every graph you make to have the same styles, you can check the box titled "Set as Default Style" to save your changes and implement them in other future graphs.

Back in the main settings, choose the date range that the data will be selected from. Next, decide how you want the axes of your graph to look.

Axis Options

Under "Group Data", choose how you want to group your graph data. Grouping data is helpful if you want to compare values between different sections of time. Include the legend if you want to add additional context to your graph or include the scrollbar if you want additional help navigating across the graph.

Monitor and Data Point

To quickly select the data for more than one device, use the option "Choose Monitor and Data Point". Add graph values using the chooser as above, then adjust the order and default labels for the graph data if needed. The graphs are automatically generated and each one corresponds to a different network device that's under the chosen event monitor. Repeat the steps above to configure the rest of your graph's settings.

Automatically Populated Graphs

Device and Monitor

"Choose Device and Monitor" graphs multiple data points from a device/event monitor combination. The upper limit on data points is sixteen per graph, so you may need to create another graph panel to display all the relevant data points. In most cases, just one will suffice. This style of graph works best with data that's all of the same type, like multiple metrics that are measured in milliseconds. Repeat the steps mentioned in the "Device, Monitor, and Data Point" section to configure the rest of your graph.

Device and Monitor Graph Example

Graph Explorer

Once you've configured the settings for your graph panel and right-clicked on your dashboard to finish editing it, you'll notice a [...] menu when you mouse over your graph panel. Clicking this opens the Graph Explorer, a powerful tool that lets you pan, zoom, and scroll across your graph like never before. To learn how to use it to its full potential, read this article.

FrameFlow's Graph Explorer


In this tutorial, we showed you how to create and display beautiful graphs. Make sure to check out our other dashboard tutorials in the Features section of our website to learn more about the functionality of FrameFlow Dashboards.

More Tutorials