mirror of https://github.com/grafana/grafana.git synced 2025-07-29 10:02:31 +08:00

Files

Dominik Prokop ffea53f2f6 TimeSeries: Add support for negative Y and constant transform (#44774 )

* add negative y config

* Handle negative y and constant transform in Timeseries panel

* Typechecks

* Add migration from old graph panel

* Docs update

* Revert "Add migration from old graph panel"

This reverts commit 33b5a90b66bf0ea7fd294aeb8da4774ccdff1a0a.

* Revert VizLegendItem changes

* Automatically separate positive and negative stacks within a group

* Update packages/grafana-ui/src/components/VizLegend/VizLegend.story.tsx

* Remove SeriesLabel component

* Update docs/sources/visualizations/time-series/_index.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update docs/sources/visualizations/time-series/_index.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Leftover reverts

* Don't crate bands (for now0 for negative -y stack

* Add docs note about transform being only available as an override

* Fill negative bands in reversed direction

Co-authored-by: Ryan McKinley <ryantxu@gmail.com>
Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

2022-02-08 07:27:02 -08:00

2.3 KiB

Raw Blame History

+++ title = "Time series" keywords = ["grafana", "graph panel", "time series panel", "documentation", "guide", "graph"] aliases = ["/docs/grafana/latest/panels/visualizations/time-series/"] weight = 1200 +++

Time series

{{< figure src="/static/img/docs/time-series-panel/time_series_small_example.png" max-width="1200px" caption="Time series" >}}

Time series visualization is the default and primary way to visualize time series data. It can render as a line, a path of dots, or a series of bars. It is versatile enough to display almost any time-series data. This public demo dashboard contains many different examples for how this visualization can be configured and styled.

Note: You can migrate Graph panel visualizations to Time series visualizations. To migrate, open the panel and then select the Time series visualization. Grafana transfers all applicable settings.

Common time series options

These options are available whether you are graphing your time series as lines, bars, or points.

Legend calculations

Choose which of the [standard calculations]({{< relref "../../panels/reference-calculation-types.md">}}) to show in the legend. You can have more than one.

Graph styles

Use these options to choose how to display your time series data.

[Graph time series as lines]({{< relref "./graph-time-series-as-lines.md" >}})
[Graph time series as bars]({{< relref "./graph-time-series-as-bars.md" >}})
[Graph time series as points]({{< relref "./graph-time-series-as-points.md" >}})
[Graph stacked time series]({{< relref "./graph-time-series-stacking.md" >}})
[Graph and color schemes]({{< relref "./graph-color-scheme.md" >}})

Transform

Use this option to transform the series values without affecting the values shown in the tooltip, context menu, and legend.

Negative Y transform - Flip the results to negative values on the Y axis.
Constant - Show first value as a constant line.

Note: Transform option is only available as an override.

Axis

For more information about adjusting your time series axes, refer to [Change axis display]({{< relref "change-axis-display.md" >}}).

2.3 KiB Raw Blame History