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

[Gauge] Add threshold support to Gauge #2644

Open
4 tasks
corteggiano opened this issue Feb 29, 2024 · 0 comments
Open
4 tasks

[Gauge] Add threshold support to Gauge #2644

corteggiano opened this issue Feb 29, 2024 · 0 comments

Comments

@corteggiano
Copy link
Contributor

corteggiano commented Feb 29, 2024

React-components Thresholds

thresholds can be represented in two ways:

  1. by just coloring the gauge
  2. by displaying a thinner outer line surrounding the gauge and coloring the gauge. example:
image

in this example: there are 3 thresholds:
A = threshold of < 400 and is green
B = threshold of < 500 and is orange
C = threshold of < 700 and is red

since the value of the gauge is 300 then threshold A is met and the gauge is colored green

please ignore adding the normal text since that is not supported by our threshold type definition

Dashboard Thresholds

Add ability to:

  • Create/Update/Delete thresholds
  • Change threshold colors
  • Change threshold styles between
    • show as outer ring
    • show as just color

Acceptance criteria

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant