Skip to content

feat(partition): enable grooves in all group layers#666

Merged
monfera merged 4 commits intoelastic:masterfrom
monfera:treemap-multilayer-groove
May 19, 2020
Merged

feat(partition): enable grooves in all group layers#666
monfera merged 4 commits intoelastic:masterfrom
monfera:treemap-multilayer-groove

Conversation

@monfera
Copy link
Copy Markdown
Contributor

@monfera monfera commented May 5, 2020

Summary

Enables grooves, therefore makes multilayer group texts feasible. Requires careful tuning of color, font sizes etc. as it gets quite busy, depending on data.

image

Checklist

Delete any items that are not applicable to this PR.

  • Any consumer-facing exports were added to src/index.ts (and stories only import from ../src except for test data & storybook)
  • This was checked for cross-browser compatibility, including a check against IE11
  • Proper documentation or storybook story was added for features that require explanation or tutorials
  • Unit tests were updated or added to match the most common scenarios

@monfera monfera added enhancement New feature or request :partition Partition/PieChart/Donut/Sunburst/Treemap chart related labels May 5, 2020
@monfera monfera requested review from markov00 and wylieconlon May 5, 2020 18:23
@monfera monfera self-assigned this May 5, 2020
@codecov-io
Copy link
Copy Markdown

codecov-io commented May 5, 2020

Codecov Report

Merging #666 into master will decrease coverage by 0.05%.
The diff coverage is 35.71%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #666      +/-   ##
==========================================
- Coverage   72.97%   72.91%   -0.06%     
==========================================
  Files         266      266              
  Lines        8634     8641       +7     
  Branches     1698     1625      -73     
==========================================
  Hits         6301     6301              
- Misses       2294     2301       +7     
  Partials       39       39              
Impacted Files Coverage Δ
...hart_types/partition_chart/layout/config/config.ts 68.75% <ø> (ø)
...types/partition_chart/layout/types/config_types.ts 100.00% <ø> (ø)
...rtition_chart/layout/viewmodel/link_text_layout.ts 19.04% <0.00%> (ø)
src/utils/data_generators/simple_noise.ts 100.00% <ø> (ø)
src/utils/data_generators/data_generator.ts 44.44% <22.22%> (-10.73%) ⬇️
...ypes/partition_chart/layout/viewmodel/viewmodel.ts 89.23% <100.00%> (ø)
src/mocks/utils.ts 94.11% <100.00%> (ø)
... and 1 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a79e899...470e830. Read the comment docs.

Copy link
Copy Markdown
Collaborator

@markov00 markov00 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure, but I remember that before this change it was possible to "hide" the grooves (like it was before the grooves were available).
I've tried to return empty or null labels/values or 0 font size but it doesn't seems to work anymore


function topGrooveAccessor(topGroovePx: Pixels) {
return (n: ArrayEntry) => (entryValue(n).depth === 1 ? topGroovePx : grooveAccessor(n));
return (n: ArrayEntry) => (entryValue(n).depth > 0 ? topGroovePx : grooveAccessor(n));
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❤️

@monfera
Copy link
Copy Markdown
Contributor Author

monfera commented May 19, 2020

@markov00 the Multi-color Treemap story has it hidden, via specifying topGroove={0}

@codecov-commenter
Copy link
Copy Markdown

codecov-commenter commented May 19, 2020

Codecov Report

Merging #666 into master will not change coverage.
The diff coverage is 2.12%.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #666   +/-   ##
=======================================
  Coverage   72.60%   72.60%           
=======================================
  Files         266      266           
  Lines        8678     8678           
  Branches     1710     1710           
=======================================
  Hits         6301     6301           
  Misses       2338     2338           
  Partials       39       39           
Impacted Files Coverage Δ
...es/partition_chart/layout/types/viewmodel_types.ts 80.00% <ø> (ø)
...rtition_chart/layout/viewmodel/link_text_layout.ts 10.12% <0.00%> (ø)
...ypes/partition_chart/layout/viewmodel/viewmodel.ts 89.23% <100.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b6e5911...7793149. Read the comment docs.

@monfera monfera merged commit f5b4767 into elastic:master May 19, 2020
@monfera monfera deleted the treemap-multilayer-groove branch May 19, 2020 20:17
markov00 pushed a commit that referenced this pull request May 28, 2020
# [19.4.0](v19.3.0...v19.4.0) (2020-05-28)

### Bug Fixes

* **partition:** consider legendMaxDepth on legend size ([#654](#654)) ([9429dcf](9429dcf)), closes [#639](#639)

### Features

* **partition:** enable grooves in all group layers ([#666](#666)) ([f5b4767](f5b4767))
* **partition:** linked text overflow avoidance ([#670](#670)) ([b6e5911](b6e5911)), closes [#633](#633)
* **partition:** monotonic font size scaling ([#681](#681)) ([ea2489b](ea2489b)), closes [#661](#661)
* **tooltip:** improve positioning with popperjs ([#651](#651)) ([6512950](6512950)), closes [#596](#596)
@markov00
Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 19.4.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@markov00 markov00 added the released Issue released publicly label May 28, 2020
AMoo-Miki pushed a commit to AMoo-Miki/OpenSearch-Dashboards that referenced this pull request Feb 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request :partition Partition/PieChart/Donut/Sunburst/Treemap chart related released Issue released publicly

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants