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

[APM] Make number of x ticks responsive to the plot width #44870

Merged
merged 2 commits into from
Sep 6, 2019

Conversation

sorenlouv
Copy link
Member

@sorenlouv sorenlouv commented Sep 5, 2019

Closes #43856

The original issue described we should reduce the number of ticks to avoid them overflowing. As I reduced the number of ticks I noticed how the result became quite poor on wide screens (lots of widespace between very few ticks).

Instead of hardcoding a specific number of ticks I made it responsive according to the plot size. So a wider plot will have more x-ticks.

Before: narrow screen (hardcoded to 7 ticks):
Screen Shot 2019-09-05 at 13 48 49

After: narrow screen (fewer ticks)
Screen Shot 2019-09-05 at 13 48 19

After: wide screen (more ticks)
Screen Shot 2019-09-05 at 13 48 25

@sorenlouv sorenlouv added release_note:enhancement Team:APM All issues that need APM UI Team support v7.4.0 labels Sep 5, 2019
@sorenlouv sorenlouv requested a review from a team as a code owner September 5, 2019 11:54
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui

@elasticmachine
Copy link
Contributor

💔 Build Failed

Copy link
Member

@dgieselaar dgieselaar left a comment

Choose a reason for hiding this comment

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

nice improvement 👍

@elasticmachine
Copy link
Contributor

💔 Build Failed

@sorenlouv
Copy link
Member Author

retest

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@sorenlouv sorenlouv merged commit 6d1be8e into elastic:master Sep 6, 2019
@sorenlouv sorenlouv deleted the dynamic-number-of-x-axis-ticks branch September 6, 2019 12:16
sorenlouv added a commit to sorenlouv/kibana that referenced this pull request Sep 6, 2019
)

* [APM] Make number of x ticks responsive to the plot width

* Fix snapshots
jloleysens added a commit to jloleysens/kibana that referenced this pull request Sep 6, 2019
…plate

* 'master' of github.com:elastic/kibana: (91 commits)
  [APM] Make number of x ticks responsive to the plot width (elastic#44870)
  [ML] Single metric viewer: Fix top nav refresh behaviour. (elastic#44860)
  Replace TSVB timeseries charts with elastic-charts (elastic#33558)
  [TSVB][Top N aggregation] Unable to deal with negative values (elastic#43581)
  [alerting] Adds Action Type configuration support and whitelisting (elastic#44483)
  FTR: fix WebDriver Actions calls (elastic#44605)
  [Code] add NodeRepositoriesService to watch new repositories on local node (elastic#44677)
  [skip-ci][Maps] Improve Maps intro page (elastic#44721)
  [Maps] Update titles and descriptions for data sources (elastic#44833)
  Types + Extract Integration Util (elastic#44433)
  Downgrade log level from info to debug for cases when we cannot handle authentication attempt. (elastic#44933)
  [Reporting] Remove Chome stdout/stderr observables, Add Browser Logger observable (elastic#44359)
  Update Jest script to output coverage (elastic#44447)
  [ftr] support --kibana-install-dir flag (elastic#44552)
  [WATCHER] Allow user to set a threshold value of 0 (elastic#44810)
  Remove injectI18n in dashboard plugin. (elastic#44580)
  [Graph] Save modal (elastic#44261)
  Use external script for the OIDC Implicit flow handler page. (elastic#44866)
  disable router prefixing with pluginId (elastic#44855)
  [SIEM] Fix bug on url + inspect functionality on hosts/hostDetails page (elastic#44671)
  ...
sorenlouv added a commit that referenced this pull request Sep 6, 2019
…44992)

* [APM] Make number of x ticks responsive to the plot width

* Fix snapshots
jloleysens added a commit to jloleysens/kibana that referenced this pull request Sep 6, 2019
…ete-for-distance_feature

* 'master' of github.com:elastic/kibana:
  [SIEM] Fixes escape bug for filterQuery  (elastic#43030)
  Export saved objects based on search criteria (elastic#44723)
  refactor(webhook-whitelisting): Removed unneeded schema config (elastic#44974)
  [APM] Make number of x ticks responsive to the plot width (elastic#44870)
  [ML] Single metric viewer: Fix top nav refresh behaviour. (elastic#44860)
sorenlouv added a commit that referenced this pull request Sep 6, 2019
…44991)

* [APM] Make number of x ticks responsive to the plot width

* Fix snapshots
@smith smith self-assigned this Sep 9, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release_note:enhancement Team:APM All issues that need APM UI Team support v7.4.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[APM] Reduce number of ticks
4 participants