Repository navigation
[UIK-6021][d3-chart] added new Score Donut chart and example with other value in donut - #3262
ilyabrower wants to merge 2 commits into
Conversation
| - You can draw donut and pie charts with the `Donut` component. | ||
| - `Pie` is a separate sector. | ||
| - `Label` is a text label inside the chart. | ||
| - You should add custom color (use `chart-palette-order-other-data` token) by key in your data for "other value". |
There was a problem hiding this comment.
Remove whitespace characters at the end of the line.
| @@ -0,0 +1,5 @@ | |||
| --- | |||
| title: Score donut chart | |||
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |||
There was a problem hiding this comment.
🚫 [vale] <DevDocs.Names> reported by reviewdog 🐶
Use 'A11y' or 'A11Y' instead of 'a11y'.
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11Y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| @@ -0,0 +1,18 @@ | |||
| --- | |||
| title: Score donut chart | |||
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |||
There was a problem hiding this comment.
🚫 [vale] <DevDocs.Names> reported by reviewdog 🐶
Use 'A11y' or 'A11Y' instead of 'a11y'.
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11Y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| @@ -0,0 +1,8 @@ | |||
| --- | |||
| title: Score donut chart | |||
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |||
There was a problem hiding this comment.
🚫 [vale] <DevDocs.Names> reported by reviewdog 🐶
Use 'A11y' or 'A11Y' instead of 'a11y'.
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11Y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| @@ -0,0 +1,28 @@ | |||
| --- | |||
| title: Score donut chart | |||
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |||
There was a problem hiding this comment.
🚫 [vale] <DevDocs.Names> reported by reviewdog 🐶
Use 'A11y' or 'A11Y' instead of 'a11y'.
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11Y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| --- | ||
| title: Score donut chart | ||
| fileSource: d3-chart | ||
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
There was a problem hiding this comment.
🚫 [vale] <DevDocs.Names> reported by reviewdog 🐶
Use 'A11y' or 'A11Y' instead of 'a11y'.
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-a11y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') | |
| tabs: Design('score-donut-chart'), A11y('score-donut-chart-A11Y'), API('score-donut-chart-api'), Examples('score-donut-chart-code'), Changelog('score-donut-chart-changelog') |
Changelog
@semcore/d3-chart
Added
Chart.ScoreDonutcomponent.Motivation and Context
How has this been tested?
Screenshots (if appropriate):
Types of changes
Checklist: