Skip to content

feat(components): Add Meter component#2846

Draft
awahab07 wants to merge 19 commits into
elastic:mainfrom
awahab07:250708_elastic-charts_meter-component
Draft

feat(components): Add Meter component#2846
awahab07 wants to merge 19 commits into
elastic:mainfrom
awahab07:250708_elastic-charts_meter-component

Conversation

@awahab07
Copy link
Copy Markdown
Collaborator

@awahab07 awahab07 commented May 27, 2026 •
edited
Loading

Summary

  • add a public Meter component with single, solid-palette, and gradient fill modes
  • support positive-only, negative-only, and mixed-sign domains, including zero-anchored fills and review-driven clamping/normalization fixes
  • refactor Metric progress bars to render through Meter without changing the focused Metric progress-bar regressions
  • add Meter Storybook coverage and dedicated Playwright VRT coverage

Details

  • add a public Meter component to @elastic/charts
  • support single, solid, and gradient fill styles for positive-only, negative-only, and mixed-sign domains
  • keep Metric's existing progress-bar API intact while moving its DOM rendering onto Meter
  • preserve zero-anchored mixed-sign behavior, including a zero-baseline cue for signed domains
  • add Meter stories for positive modes, signed domains, markers/vertical layouts, and a grouped signed-range comparison story
  • add dedicated Meter Playwright VRT coverage and refresh its snapshots
  • clamp and round Metric percentage output used for titles/ARIA, and fix Meter story layout/theme issues

Issues

Implements the upstream requirement for elastic/kibana#250708.

Checklist

  • The proper chart type label has been added (e.g. :xy, :partition)
  • The proper feature labels have been added (e.g. :interactions, :axis)
  • All related issues have been linked (i.e. closes #123, fixes #123)
  • New public API exports have been added to packages/charts/src/index.ts
  • Unit tests have been added or updated to match the most common scenarios
  • The proper documentation and/or storybook story has been added or updated
  • The code has been checked for cross-browser compatibility (Chrome, Firefox, Safari, Edge)
  • Visual changes have been tested with light and dark themes

@awahab07 awahab07 added the :new chart type New chart type related feature request label May 27, 2026
@awahab07 awahab07 removed the :new chart type New chart type related feature request label May 27, 2026
@awahab07 awahab07 linked an issue May 27, 2026 that may be closed by this pull request
[Lens] Add progress bars in tables elastic/kibana#250708
Open
awahab07 added 10 commits May 29, 2026 01:28
@awahab07
Readble baseline API.
2c5e6fa
@awahab07
Expand Meter component API to support separate rounding options for…
9cfb5fe 
… track and fill edges. Update stories and snapshots to reflect changes.
@awahab07
Merge remote-tracking branch 'upstream/main' into 250708_elastic-char…
7a18558 
…ts_meter-component
@awahab07
Expand Meter component API with detailed rounding, baseline, and co…
bab16b3 
…lor stop options; update Metric chart integration and API docs.
@awahab07
Integrate MeterSize and MeterFill enhancements into Metric chart.…
83c1b9f 
… Add progress bar size and palette options. Update stories and API docs for related changes.
@awahab07
Improve Progress Bar's external API and Metric's Adapter.
9c1dee0
@awahab07
Delete locally generated story snapshots.
1091cec
@awahab07
Make test resilient to decimal calculations.
1026e2e
@awahab07
Remove niceDomain from Metric and Progress component's API. And mak…
8dc89c5 
…e it local to Bullet chart only.
@awahab07
Address error: `fatal: detected dubious ownership in repository at '/…
9cd58fa 
…app'`.
@awahab07
Copy link
Copy Markdown
Collaborator Author

awahab07 commented Jun 1, 2026

buildkite update vrt

@elastic-datavis
Copy link
Copy Markdown
Contributor

elastic-datavis Bot commented Jun 1, 2026

✅ Successful Deployment (build#438) - 9cd58fa

@elastic-datavis
Copy link
Copy Markdown
Contributor

elastic-datavis Bot commented Jun 1, 2026

✅ Successful Deployment (build#437) - 9cd58fa

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Lens] Add progress bars in tables

1 participant

@awahab07