Here is a typical graph panel in edit mode:
The panel's UI can be broken down into roughly three main functional areas:
- Panel display: Preview display, and time picker
- Display settings: Panel visualization type, styles, and links
- Data configuration: Data query, data transformation, and alerting
Throughout this chapter, we will delve into each of these features. First, we will look at the Query tab in the context of how to use it to produce graphed data. Next, we will explore how the various display settings shape the look of the graph and how to set typical panel display features such as a title. Finally, we will see how the Alert tab can establish the monitoring rules for thresholds that, when exceeded, can trigger alerts. Of course, all of this is dependent on what we'll create next: a simple data source.