chartjs / chartjs/chartjs-plugin-zoom
Chart is stretching vertically and horizontally without maintaining aspect ratio of elements on Pinch
- Dominant language
- JavaScript
- Stars
- 623
- Forks
- 331
- Avg merge
- 7h 5m
- Merged PRs (30d)
- 7
Description
When I use Pinch in my Chart JS treemap, my Elements in treemap start to expand horizontally and vertically.
It should expand like how pan and wheel expands on web keeping the elements aspect ratio in sync.
RIght now it works like this on mweb > https://jsfiddle.net/sohrabi2050/em406Lvt/3/
Check this out on mobile , which is what I expect in pinch >
https://www.tradingview.com/heatmap/stock/#%7B%22dataSource%22%3A%22NASDAQ100%22%2C%22blockColor%22%3A%22change%22%2C%22blockSize%22%3A%22market_cap_basic%22%2C%22grouping%22%3A%22no_group%22%7D
It is linked to this issue I believe : https://github.com/chartjs/chartjs-plugin-zoom/issues/792
How do we achieve this ? @kurkle
Contributor guide
Research direction
Start with the linked issue #792 and reproduce the behavior using the JSFiddle example on mobile. Compare pinch behavior with the pan and wheel examples, then verify that treemap elements retain their aspect ratio while zooming. Done means pinch interaction matches the expected mobile behavior without horizontal or vertical stretching.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- chart.js, javascript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100