Using Dashboards
This topic provides an overview of dashboard features and shortcuts, and describes how to use dashboard search.
Dashboard Feature Overview
The dashboard user interface provides a variety of features that you can use to customize the presentation of your data.
Algology home
Click Home in the breadcrumb to be redirected to the home page configured in the Algology instance.
Dashboard title
When you click the dashboard title, you can search for dashboards contained in the current folder.
Share dashboard or node
Use this option to share the current dashboard or node using a link or snapshot. You can also export the dashboard definition from the share modal.
Add
Use this option to add a node, dashboard row, or library node to the current dashboard.
Save dashboard
Click to save changes to your dashboard.
Dashboard insights
Click to view analytics about your dashboard including information about users, activity, query counts.
Dashboard settings
Use this option to change dashboard name, folder, and tags and manage variables and annotation queries.
Time picker dropdown
Click to select relative time range options and set custom absolute time ranges. You can change the Timezone and fiscal year settings from the time range controls by clicking the Change time settings button. Time settings are saved on a per-dashboard basis.
Zoom out time range
Click to zoom out the time range.
Refresh dashboard
Click to immediately trigger queries and refresh dashboard data.
Refresh dashboard time interval
Click to select a dashboard auto-refresh time interval.
View mode
Click to display the dashboard on a large screen such as a TV or a kiosk. View mode hides irrelevant information such as navigation menus. Learn more about view mode in our How to Create Kiosks to Display Dashboards on a TV blog post.
Dashboard node
The primary building block of a dashboard is the node. To add a new node, dashboard row, or library node, click Add node. Library nodes can be shared among many dashboards. To move a node, drag the node header to another location. To resize a node, click and drag the lower right corner of the node.
Graph legend
Change series colors, y-axis, and series visibility directly from the legend.
Dashboard row
A dashboard row is a logical divider within a dashboard that groups nodes together. Rows can be collapsed or expanded allowing you to hide parts of the dashboard. Nodes inside a collapsed row do not issue queries. Use repeating rows to dynamically create rows based on a template variable.
Keyboard shortcuts
Algology has a number of keyboard shortcuts available.
Press ? or h on your keyboard to display all keyboard shortcuts available in your version of Algology.
Ctrl+S: Saves the current dashboard.
f: Opens the dashboard finder / search.
d+k: Toggle kiosk mode (hides the menu).
d+e: Expand all rows. d+s: Dashboard settings.
Ctrl+K: Opens the command palette.
Esc: Exits node when in fullscreen view or edit mode. Also returns you to the dashboard from dashboard settings.
e: Toggle node edit view
v: Toggle node fullscreen view
ps: Open Node Share Modal pd: Duplicate Node
pr: Remove Node
pl: Toggle node legend
Set Dashboard Time Range
Algology provides several ways to manage the time ranges of the data being visualized, for dashboard, nodes and also for alerting.
Time units and relative ranges
Algology supports the following time units: s (seconds)
, m (minutes)
, h (hours)
, d (days)
, w (weeks)
, M (months)
, Q (quarters)
and y (years)
.
The minus operator enables you to step back in time, relative to the current date and time, or now
. If you want to display the full period of the unit (day, week, month, etc…), append /<time unit>
to the end. To view fiscal periods, use fQ (fiscal quarter)
and fy (fiscal year)
time units.
The plus operator enables you to step forward in time, relative to now. For example, you can use this feature to look at predicted data in the future.
The following table provides example relative ranges:
Example relative range | From: | To: |
Last 5 minutes |
|
|
The day so far |
|
|
This week |
|
|
This week so far |
|
|
This month |
|
|
This month so far |
|
|
Previous Month |
|
|
This year so far |
|
|
This Year |
|
|
Previous fiscal year |
|
|
Common time range controls
The dashboard and panel time controls have a common UI.
The following sections define common time range controls.
Current time range
The current time range, also called the time picker, shows the time range currently displayed in the dashboard or panel you are viewing.
Hover your cursor over the field to see the exact time stamps in the range and their source (such as the local browser).
Click the current time range to change it. You can change the current time using a relative time range, such as the last 15 minutes, or an absolute time range, such as 2020-05-14 00:00:00 to 2020-05-15 23:59:59
.
Relative time range
Select the relative time range from the Relative time ranges list. You can filter the list using the input field at the top. Some examples of time ranges include:
Last 30 minutes
Last 12 hours
Last 7 days
Last 2 years
Yesterday
Day before yesterday
This day last week
Today so far
This week so far
This month so far
Absolute time range
You can set an absolute time range in the following ways:
Type values into the From and To fields. You can type exact time values or relative values, such as
now-24h
, and then click Apply time range.Click in the From or To field. algology displays a calendar. Click the day or days you want to use as the current time range and then click Apply time range.
This section also displays recently used absolute ranges.
Semi-relative time range
You can also use the absolute time range settings to set a semi-relative time range. Semi-relative time range dashboards are useful when you need to monitor the progress of something over time, but you also want to see the entire history from a starting point.
Set a semi-relative time range by setting the start time to an absolute timestamp and the end time to a “now” that is relative to the current time. For example:
Start time: 2023-05-01 00:00:00
End time: now
If you wanted to track the progress of something during business hours, you could set a time range that covers the current day, but starting at 8am, like so:
Start time: now/d+8h
End time: now
This is equivalent to the Today so far time range preset, but it starts at 8:00am instead of 12:00am by appending +8h to the periodic start time.
Using a semi-relative time range, as time progresses, your dashboard will automatically and progressively zoom out to show more history and fewer details. At the same rate, as high data resolution decreases, historical trends over the entire time period will become more clear.
Zoom out (Cmd+Z or Ctrl+Z)
Click the Zoom out icon to view a larger time range in the dashboard or panel visualization.
Zoom in (only applicable to graph visualizations)
Click and drag to select the time range in the visualization that you want to view.
Refresh dashboard
Click the Refresh dashboard icon to immediately run every query on the dashboard and refresh the visualizations. algology cancels any pending requests when you trigger a refresh.
By default, algology does not automatically refresh the dashboard. Queries run on their own schedule according to the panel settings. However, if you want to regularly refresh the dashboard, then click the down arrow next to the Refresh dashboard icon and then select a refresh interval.
Control the time range using a URL
You can control the time range of a dashboard by providing the following query parameters in the dashboard URL:
from
: Defines the lower limit of the time range, specified inms
,epoch
, or relative timeto
: Defines the upper limit of the time range, specified inms
,epoch
, or relative timetime
andtime.window
: Defines a time range fromtime-time.window/2
totime+time.window/2
. Both parameters should be specified inms
. For example?time=1500000000000&time.window=10000
results in 10s time range from 1499999995000 to 1500000005000
Last updated