Skip to content

[Lens] Users can insert vertical line annotations on timeseries charts #87564

@wylieconlon

Description

@wylieconlon

This issue depends on a decision on where to store annotation data as well as the ability for visualizations to have multiple layer types and to query data asynchronously for visualizations.

There are three important user flows that we should support:

  1. Displaying previous created annotations onto a Lens chart, with options to filter the visible tags (such as "production")
  2. Inserting a vertical line annotation with name and tags
  3. Deleting a previous annotation

Each time the visualization time range is updated, the annotations need to be queried again, so that we only show annotations within the time range:

Screen Shot 2021-01-04 at 2 14 34 PM

User flow to insert annotation

I think users need to click on the chart to insert an annotation, so I think the flow here starts on the annotation list:

Screen Shot 2021-01-05 at 2 58 09 PM

Users will click "insert annotation", which causes the chart to enter edit mode. The next click on the chart will set the marker and open the popover to type the label and tags.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Feature:LensTeam:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//enhancementNew value added to drive a business resultimpact:highAddressing this issue will have a high level of impact on the quality/strength of our product.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions