Graphite Graph Menu Reference
The Graphite composer is a very powerful tool, with many options. We’ll document some of the more commonly used visualization options here.
- Graph Options
- Graph TitleSet the title at the top of the graph.
- DisplayControl fonts, colors, and other stylings as well as toggling display of items such as grid lines and axes.
- Line ModeControl how adjacent data points for a metric are connected:
Note - For ‘Slope Line’ and ‘Staircase Line’ it is assumed that data points are close enough together or that the graph resolution is coarse enough to result in a connected path. Using ‘Connected Line’ is similar to ‘Slope Line’ but renders a continuous path. For those wishing to use ‘Staircase Line’ but are seeing gaps, you can apply the Keep Last Value function (Graph Data -> (choose metric) -> Apply Function -> Special -> Keep Last Value).
- Slope Line - The graph line through adjacent data points results in a sloped path.
- Staircase Line - The graph line through adjacent data points results in a ‘stepped’ path.
- Connected Line - Creates a continuous sloped path, filling gaps between data points (see note below).
- Draw Null As Zero - Assume that a missing metric value for a given time point is the same as that metric equaling 0.
- Area ModeControl how the area under a graph path is filled:
- None - No fill.
- First Only - The graph of the first metric (if you have several) has a solid fill underneath.
- Stacked - All graphs lines are filled underneath, with a different fill color for each metric. The order in which the metrics are added to the graph determines the fill order.
- Timezone - Apply the appropriate offset to the timestamp values based on the provided timezone, e.g. America/Los_Angeles or Europe/Dublin.
- Label - Apply a label to the vertical axis.
- Minimum - Values below this will not be included in the graph.
- Maximum - Values above this will not be included in the graph.
- Minor Lines - How many of the minor grid lines will be rendered.
- Unit - Control unit rendering (e.g., 1K instead of 1000).
- Side - Whether to render the Axis on the left or the right side of the graph.
- Graph DataThis menu allows you to add multiple metrics to your graph (or even the same metric multiple times). It also allows you to perform transformations on your metric data before rendering, allowing for comparisons or more complex analyses of your data. There are far too many possibilities to document in this beginner’s guide. (A simple example would be graphing both “Authenticated” vs “Anonymous” users at the same time. Another example could be to add our
conc_usersdata twice, but apply a -1 year time shift to the second instance, so we could compare traffic this time last year. The possibilities are endless!).
- Auto RefreshWhen enabled, the graph will automatically refresh.