Skip to content

fix(treemap): align onElementClick parameters to sunburst#636

Merged
markov00 merged 1 commit intoelastic:masterfrom
markov00:2020_04_17-fix_partition_click
Apr 21, 2020
Merged

fix(treemap): align onElementClick parameters to sunburst#636
markov00 merged 1 commit intoelastic:masterfrom
markov00:2020_04_17-fix_partition_click

Conversation

@markov00
Copy link
Copy Markdown
Collaborator

Summary

This commit aligns the shape of the passed parameter of the onElementClick listener to the one passed by a sunburst. For each single hovered shape (usually only one shape at a time) it returns the values for each layer of the treemap

fix #624

Checklist

  • Unit tests were updated or added to match the most common scenarios

This commit align the shape of passed parameter of the onElementClick listener to the one passed by
a sunburst. For each single hovered shape (usually only one shape at time) it returns the values for
each layer of the treemap

fix elastic#624
@markov00 markov00 added bug Something isn't working :interactions Interactions related issue :partition Partition/PieChart/Donut/Sunburst/Treemap chart related labels Apr 17, 2020
@markov00 markov00 requested review from monfera and nickofthyme and removed request for monfera April 17, 2020 09:15
@codecov-io
Copy link
Copy Markdown

Codecov Report

Merging #636 into master will increase coverage by 7.90%.
The diff coverage is 77.14%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #636      +/-   ##
==========================================
+ Coverage   66.44%   74.34%   +7.90%     
==========================================
  Files         240      252      +12     
  Lines        7012     7192     +180     
  Branches     1340     1360      +20     
==========================================
+ Hits         4659     5347     +688     
+ Misses       2337     1821     -516     
- Partials       16       24       +8     
Impacted Files Coverage Δ
src/mocks/specs/specs.ts 72.58% <61.90%> (ø)
...ypes/partition_chart/layout/viewmodel/viewmodel.ts 88.70% <100.00%> (+74.77%) ⬆️
...s/partition_chart/state/selectors/picked_shapes.ts 100.00% <100.00%> (+80.76%) ⬆️
src/mocks/specs/index.ts 100.00% <0.00%> (ø)
src/mocks/index.ts 100.00% <0.00%> (ø)
src/mocks/series/series.ts 81.66% <0.00%> (ø)
src/mocks/hierarchical/palettes.ts 100.00% <0.00%> (ø)
src/mocks/series/data.ts 100.00% <0.00%> (ø)
src/mocks/utils.ts 88.88% <0.00%> (ø)
... and 31 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 e9b09ce...4a68638. Read the comment docs.

Copy link
Copy Markdown
Contributor

@monfera monfera left a comment

Choose a reason for hiding this comment

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

LGTM, great test too, thanks!

};
}

function partToShapeTreeNode(treemapLayout: boolean, innerRadius: Radius, ringThickness: number) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Nice extraction! Should it be placed above the line in which we use it?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

I've extracted that because I was having a hard time understanding the code.
My Place them the above the line that uses it, do you mean moving that function declaration before const quadViewModel = makeQuadViewModel( ?

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.

I think Robert is referring to preventing the function was used before it was declared error. Basically best practice even though hoisting prevents any errors.

Copy link
Copy Markdown
Collaborator

@nickofthyme nickofthyme left a comment

Choose a reason for hiding this comment

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

LGTM, verified issue is resolved. Tested 4_sunburst_slice_clicks story with changes.

@markov00 markov00 merged commit 2c1d224 into elastic:master Apr 21, 2020
@markov00 markov00 deleted the 2020_04_17-fix_partition_click branch April 21, 2020 09:12
markov00 pushed a commit that referenced this pull request Apr 22, 2020
# [18.4.0](v18.3.0...v18.4.0) (2020-04-22)

### Bug Fixes

* **partition:** single slice wrong text positioning ([#643](#643)) ([6298d36](6298d36)), closes [#637](#637)
* **treemap:** align onElementClick parameters to sunburst ([#636](#636)) ([2c1d224](2c1d224)), closes [#624](#624)

### Features

* allow colorVariant option for series specific color styles ([#630](#630)) ([e5a206d](e5a206d))
* **series:** BubbleSeries (alpha) and markSizeAccessor ([#559](#559)) ([3aa235e](3aa235e))
@markov00
Copy link
Copy Markdown
Collaborator Author

🎉 This PR is included in version 18.4.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@markov00 markov00 added the released Issue released publicly label Apr 22, 2020
AMoo-Miki pushed a commit to AMoo-Miki/OpenSearch-Dashboards that referenced this pull request Feb 10, 2022
# [18.4.0](elastic/elastic-charts@v18.3.0...v18.4.0) (2020-04-22)

### Bug Fixes

* **partition:** single slice wrong text positioning ([opensearch-project#643](elastic/elastic-charts#643)) ([f8b5b8a](elastic/elastic-charts@f8b5b8a)), closes [opensearch-project#637](elastic/elastic-charts#637)
* **treemap:** align onElementClick parameters to sunburst ([opensearch-project#636](elastic/elastic-charts#636)) ([8dd87bf](elastic/elastic-charts@8dd87bf)), closes [opensearch-project#624](elastic/elastic-charts#624)

### Features

* allow colorVariant option for series specific color styles ([opensearch-project#630](elastic/elastic-charts#630)) ([e2444ef](elastic/elastic-charts@e2444ef))
* **series:** BubbleSeries (alpha) and markSizeAccessor ([opensearch-project#559](elastic/elastic-charts#559)) ([85d9bda](elastic/elastic-charts@85d9bda))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working :interactions Interactions related issue :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.

onElementClick arguments for treemap are not the same as for pie

4 participants