Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Metrics UI] Add Charts to Alert Conditions #64384

Merged

Conversation

simianhacker
Copy link
Member

@simianhacker simianhacker commented Apr 24, 2020

Summary

This PR closes #63911 by adding the following functionality:

  • Reorganize files under public/alerting
  • Change Metrics Explorer API to force interval set in timerange
  • Added sum aggregation to Metrics Explorer to maintain parity
  • Add charts to expression rows
  • Allow expression rows to be collapsable
  • Add charts to expression rows with bands indicating thresholds

Examples of the different comparator visualizations

image

Example of the central management Alerts UI

image

Checklist

Delete any items that are not applicable to this PR.

@simianhacker simianhacker force-pushed the issue-63911-alert-condition-charts branch 6 times, most recently from 335de52 to e6d1720 Compare April 28, 2020 18:16
- Reorganize files under public/alerting
- Change Metrics Explorer API to force interval
- Add charts to expression rows
- Allow expression rows to be collapsable
- Adding sum aggregation to Metrics Explorer for parity
@simianhacker simianhacker force-pushed the issue-63911-alert-condition-charts branch from e6d1720 to ac480d4 Compare April 28, 2020 18:48
@simianhacker simianhacker added Feature:Metrics UI Metrics UI feature Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v7.8.0 v8.0.0 labels Apr 28, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui)

@simianhacker simianhacker marked this pull request as ready for review April 28, 2020 19:13
@simianhacker simianhacker requested a review from a team as a code owner April 28, 2020 19:13
Copy link
Contributor

@phillipb phillipb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was so fun to play with.

@Zacqary
Copy link
Contributor

Zacqary commented Apr 29, 2020

It's really difficult to see the red layered on top of the blue, especially in this example:

Screen Shot 2020-04-29 at 4 04 01 PM

Any way to increase to opacity of the red sections slightly?

@simianhacker
Copy link
Member Author

@Zacqary How about this...

image

@phillipb phillipb self-requested a review April 29, 2020 21:15
Copy link
Contributor

@phillipb phillipb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

Copy link
Contributor

@Zacqary Zacqary left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Opacity changes look good to me

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@simianhacker simianhacker merged commit 0399f70 into elastic:master Apr 30, 2020
simianhacker added a commit to simianhacker/kibana that referenced this pull request Apr 30, 2020
* [Metrics UI] Add Charts to Alert Conditions

- Reorganize files under public/alerting
- Change Metrics Explorer API to force interval
- Add charts to expression rows
- Allow expression rows to be collapsable
- Adding sum aggregation to Metrics Explorer for parity

* Adding interval information to Metrics Eexplorer API

* Moving data hook into the expression charts component

* Revert "Adding interval information to Metrics Eexplorer API"

This reverts commit f6e2fc1.

* Reducing the opacity for the threshold areas

* Changing darkMode to use alertsContext.uiSettings
simianhacker added a commit that referenced this pull request Apr 30, 2020
* [Metrics UI] Add Charts to Alert Conditions

- Reorganize files under public/alerting
- Change Metrics Explorer API to force interval
- Add charts to expression rows
- Allow expression rows to be collapsable
- Adding sum aggregation to Metrics Explorer for parity

* Adding interval information to Metrics Eexplorer API

* Moving data hook into the expression charts component

* Revert "Adding interval information to Metrics Eexplorer API"

This reverts commit f6e2fc1.

* Reducing the opacity for the threshold areas

* Changing darkMode to use alertsContext.uiSettings
@simianhacker simianhacker deleted the issue-63911-alert-condition-charts branch April 17, 2024 15:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Metrics UI Metrics UI feature release_note:enhancement Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v7.8.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Metrics UI] Add charts to alert conditions
5 participants