UI-272 Mini Donut Charts EAS Table Signed-off-by: Tara Black <ttblack… #394
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
…@chef.io>
🔩 Description
Add a mini donut chart to each table row to visualize the service instance health status in the group.
👍 Definition of Done
Reuse the existing chef-radial-chart with only one circle
Make the size to match with what’s shown in the mockup, 48 * 48px area for each mini donut.
Depending on the effort it takes, the donut chart can be either interactive or non-interactive.
Colors: chef-critical for
critical
services count, #FF9654 (new color to be added to the palette) forwarning
services count; #3DA5FF (new color to be added to the palette) forOK
services count; #B7BCBC (new color to be added to the palette) forunknown
services count.Link to the extended color palette, related cards: #309, #275
⛓️ Related Resources
https://chefio.atlassian.net/browse/A2-792
https://chef.invisionapp.com/share/PZQMKLHYC8B#/348323823_Slice_1-1
✅ Checklist