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

fix(metric): add option to set empty cell background color #2247

Merged
merged 5 commits into from
Nov 19, 2023

Conversation

nickofthyme
Copy link
Collaborator

Summary

Adds option to Theme.metric.emptyBackground to set the color of empty backgrounds.

Screen Recording 2023-11-18 at 09 09 42 AM

Details

In updating chart in kibana following changes in #2184 I noticed a difference in the empty/missing cells in the grid form. This was not presented in our VRT screenshots because we use the same background color for the chart as the page which Lens does not. Also we pass the real background color where Lens was passing transparent which would not enable color blending as desired in #2184. Thus in order to provide a way to color these empty/missing cells I added a theme option to set the background color.

Checklist

  • The proper chart type label has been added (e.g. :xy, :partition)
  • The proper feature labels have been added (e.g. :interactions, :axis)
  • New public API exports have been added to packages/charts/src/index.ts
  • The proper documentation and/or storybook story has been added or updated
  • Visual changes have been tested with light and dark themes

@nickofthyme nickofthyme added :styling Styling related issue :metric Related to Metric chart labels Nov 18, 2023
@nickofthyme nickofthyme marked this pull request as ready for review November 18, 2023 16:17
@nickofthyme nickofthyme changed the title feat(metric): add option to set empty cell background color fix(metric): add option to set empty cell background color Nov 19, 2023
@nickofthyme
Copy link
Collaborator Author

buildkite update screenshots

@nickofthyme nickofthyme merged commit 6a9fb86 into elastic:main Nov 19, 2023
13 checks passed
@nickofthyme nickofthyme deleted the empty-metric-color branch November 19, 2023 22:44
nickofthyme added a commit to nickofthyme/elastic-charts that referenced this pull request Nov 19, 2023
)

# Conflicts:
#	packages/charts/src/chart_types/bullet_graph/renderer/canvas/index.tsx
#	packages/charts/src/chart_types/metric/renderer/dom/index.tsx
#	storybook/stories/metric/2_grid.story.tsx
nickofthyme pushed a commit that referenced this pull request Nov 20, 2023
# [61.1.0](v61.0.0...v61.1.0) (2023-11-20)

### Bug Fixes

* **deps:** update dependency @elastic/eui to v91 ([#2233](#2233)) ([e89f623](e89f623))
* **metric:** add option to set empty cell background color ([#2247](#2247)) ([6a9fb86](6a9fb86))
* **metric:** background color for bar with interactions ([#2248](#2248)) ([dcb56fa](dcb56fa))

### Features

* **bullet:** improve header layout and positioning ([#2243](#2243)) ([b3a95d2](b3a95d2))
* **bullet:** new design style and implementation ([#2156](#2156)) ([fca6cdd](fca6cdd))
nickofthyme pushed a commit that referenced this pull request Nov 20, 2023
## [61.0.1](v61.0.0...v61.0.1) (2023-11-20)

### Bug Fixes

* **metric:** add option to set empty cell background color ([#2247](#2247)) [61.0.x] ([#2250](#2250)) ([fe3aefe](fe3aefe))
* **metric:** background color for bar with interactions ([#2248](#2248)) [61.0.x] ([#2249](#2249)) ([4483606](4483606))
nickofthyme added a commit to nickofthyme/elastic-charts that referenced this pull request Nov 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
:metric Related to Metric chart :styling Styling related issue
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant