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

[Uptime] Add Donut chart #47176

Merged
merged 33 commits into from
Oct 11, 2019
Merged

Conversation

justinkambic
Copy link
Contributor

@justinkambic justinkambic commented Oct 2, 2019

Summary

Resolves #44533.

Adds a donut chart to replace the existing snapshot count visualization.

Merges the snapshot count panel with the histogram at the top of the overview page.

image

Testing this PR

  1. Set up an Elastic stack running this patch.
  2. Load up the overview page and ensure that the donut chart corresponds to the number of up/down monitors you have.
  3. Ensure that the updated UI component looks clean and polished in a variety of layouts.

@justinkambic justinkambic added release_note:enhancement v8.0.0 Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability labels Oct 2, 2019
@justinkambic justinkambic self-assigned this Oct 2, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/uptime (Team:uptime)

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@justinkambic justinkambic marked this pull request as ready for review October 4, 2019 15:48
@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@justinkambic
Copy link
Contributor Author

@elasticmachine merge upstream

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@andrewvc
Copy link
Contributor

andrewvc commented Oct 8, 2019

I'm getting a blank screen and this error in the JS debugger (on firefox)

SyntaxError: '' is not a valid selector

image

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

Copy link
Contributor

@katrin-freihofner katrin-freihofner left a comment

Choose a reason for hiding this comment

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

🤩🍩🍩🍩

Copy link
Contributor

@shahzad31 shahzad31 left a comment

Choose a reason for hiding this comment

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

LGTM, WFG !!

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@justinkambic justinkambic merged commit f0e4506 into elastic:master Oct 11, 2019
justinkambic added a commit to justinkambic/kibana that referenced this pull request Oct 14, 2019
* Add donut chart.

* Merge donut chart with snapshot histogram panel.

* Update broken test snapshot.

* Undo removal of gray color from histogram chart.

* Use proper color values for donut chart and legend.

* Move donut chart to charts directory.

* Add snapshot tests for new chart components.

* Merge donut chart with snapshot histogram panel.

* Revert d3 version.

* Revert yarn.lock.

* Revert code to be compatible with older d3 version.

* Delete duplicated files.

* Clean up code.

* Improve const names.

* Update outdated snapshots.

* Fix broken type.

* Simplify function, add comment.

* Remove unused translations.

* Fix broken chart component.

* Implement designer feedback.

* Fix regression.

* Implement additional designer feedback.

* Fix issue that caused residual paths to remain on subsequent paints of donut chart.

* Update obsolete test snapshots.

* Revert yarn.lock.

* Rename repurposed translation.

* Delete obsolete translations.

* Update busted test snapshot.
justinkambic added a commit that referenced this pull request Oct 15, 2019
* Add donut chart.

* Merge donut chart with snapshot histogram panel.

* Update broken test snapshot.

* Undo removal of gray color from histogram chart.

* Use proper color values for donut chart and legend.

* Move donut chart to charts directory.

* Add snapshot tests for new chart components.

* Merge donut chart with snapshot histogram panel.

* Revert d3 version.

* Revert yarn.lock.

* Revert code to be compatible with older d3 version.

* Delete duplicated files.

* Clean up code.

* Improve const names.

* Update outdated snapshots.

* Fix broken type.

* Simplify function, add comment.

* Remove unused translations.

* Fix broken chart component.

* Implement designer feedback.

* Fix regression.

* Implement additional designer feedback.

* Fix issue that caused residual paths to remain on subsequent paints of donut chart.

* Update obsolete test snapshots.

* Revert yarn.lock.

* Rename repurposed translation.

* Delete obsolete translations.

* Update busted test snapshot.
@justinkambic
Copy link
Contributor Author

Backported to:
7.x/7.5.0 bad9c8b
#48037

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release_note:enhancement Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v7.5.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Uptime] New overview page status panel
6 participants