Documentation

Graph visualization

The Graph visualization provides several types of graphs, each configured through the Graph controls.

Line Graph example

Select the Graph option from the visualization dropdown in the upper left.

Graph behavior

The Graph visualization color codes each table (or series) in the queried data set. When multiple series are present, it automatically assigns colors based on the selected Line Colors option.

When using a line graph, all points within a single table are connected. When multiple series are present, it automatically assigns colors based on the selected Line Colors option.

Graph controls

To view Graph controls, click Customize next to the visualization dropdown.

Data
  • X Column: Select a column to display on the x-axis.
  • Y Column: Select a column to display on the y-axis.
Options
  • Time Format: Select the time format. Options include:
    • YYYY-MM-DD HH:mm:ss ZZ
    • YYYY-MM-DD hh:mm:ss a ZZ
    • DD/MM/YYYY HH:mm:ss.sss
    • DD/MM/YYYY hh:mm:ss.sss a
    • MM/DD/YYYY HH:mm:ss.sss
    • MM/DD/YYYY hh:mm:ss.sss a
    • YYYY/MM/DD HH:mm:ss
    • YYYY/MM/DD hh:mm:ss a
    • HH:mm
    • hh:mm a
    • HH:mm:ss
    • hh:mm:ss a
    • HH:mm:ss ZZ
    • hh:mm:ss a ZZ
    • HH:mm:ss.sss
    • hh:mm:ss.sss a
    • MMMM D, YYYY HH:mm:ss
    • MMMM D, YYYY hh:mm:ss a
    • dddd, MMMM D, YYYY HH:mm:ss
    • dddd, MMMM D, YYYY hh:mm:ss a
  • Interpolation: Select from the following options:
    • Linear: Display a time series in a line graph
    • Smooth: Display a time series in a line graph with smooth point interpolation.
    • Step: Display a time series in a staircase graph.
  • Line Colors: Select a color scheme to use for your graph.
  • Shade Area Below Lines: Shade in the area below the graph lines.
  • Hover Dimension: Select the data to display in the tooltip when you hover over the graph:
    • auto or X Axis: Show all points with the same x value along the y-axis.
    • Y Axis: Show all points with the same y value along the x-axis.
    • X & Y Axis: Show only the point currently being hovered over.
X Axis
  • Generate X-Axis Tick Marks: Select the method to generate x-axis tick marks:
    • Auto: Select to automatically generate tick marks.
    • Custom: To customize the number of x-axis tick marks, select this option, and then enter the following:
      • Total Tick Marks: Enter the total number of ticks to display.
      • Start Tick Marks At: Enter the value to start ticks at.
      • Tick Mark Interval: Enter the interval in between each tick.
Y Axis
  • Y Axis Label: Label for the y-axis.
  • Y-Value Unit Prefix:
    • None:
    • SI:
    • Binary:
  • Y Axis Prefix: Prefix to be added to y-value.
  • Y Axis Suffix: Suffix to be added to y-value.
  • Generate Y-Axis Tick Marks: Select the method to generate y-axis tick marks:
    • Auto: Select to automatically generate tick marks.
    • Custom: To customize the number of y-axis tick marks, select this option, and then enter the following:
      • Total Tick Marks: Enter the total number of ticks to display.
      • Start Tick Marks At: Enter the value to start ticks at.
      • Tick Mark Interval: Enter the interval in between each tick.
  • Y Axis Domain: The y-axis value range.
    • Auto: Automatically determine the value range based on values in the data set.
    • Custom: Manually specify the minimum y-axis value, maximum y-axis value, or range by including both.
      • Min: Minimum y-axis value.
      • Max: Maximum y-axis value.
  • Positioning:
    • Overlaid: Display graph lines overlaid on each other.
    • Stacked: Display graph lines stacked on top of each other.
Hover Legend
  • Display Hover Legend:
    • Hide: Hide the legend that appears upon hover.
    • Show: Show the legend upon hover.
      • Orientation: Select the orientation of the legend:
        • Horizontal: Select to display the legend horizontally.
        • Vertical: Select to display the legend vertically.
      • Opacity: Adjust the hover legend opacity using the slider.
      • Colorize Rows: Select to display hover legend rows in colors.
Static Legend
  • Display Static Legend:
  • Hide: Hide the static legend.
  • Show: Always show the static legend.
    • Orientation: Select the orientation of the legend:
      • Horizontal: Select to display the legend horizontally.
      • Vertical: Select to display the legend vertically.
    • Opacity: Adjust the static legend opacity using the slider.
    • Colorize Rows: Select to display static legend rows in colors.
    • Displayed Value: Select Latest Y Axis or Latest X Axis to determine whether the y or x axis appears on the legend.
    • Height: Adjust the height of the static legend using the slider.

Graph Examples

Graph with linear interpolation and static legend
Line Graph example
Graph with smooth interpolation and hover legend
Step-Plot Graph example
Graph with step interpolation and no visible legend
Step-Plot Graph example

Was this page helpful?

Thank you for your feedback!


The future of Flux

Flux is going into maintenance mode. You can continue using it as you currently are without any changes to your code.

Read more

InfluxDB v3 enhancements and InfluxDB Clustered is now generally available

New capabilities, including faster query performance and management tooling advance the InfluxDB v3 product line. InfluxDB Clustered is now generally available.

InfluxDB v3 performance and features

The InfluxDB v3 product line has seen significant enhancements in query performance and has made new management tooling available. These enhancements include an operational dashboard to monitor the health of your InfluxDB cluster, single sign-on (SSO) support in InfluxDB Cloud Dedicated, and new management APIs for tokens and databases.

Learn about the new v3 enhancements


InfluxDB Clustered general availability

InfluxDB Clustered is now generally available and gives you the power of InfluxDB v3 in your self-managed stack.

Talk to us about InfluxDB Clustered