chartjs / chartjs/chartjs-plugin-zoom

Chart is stretching vertically and horizontally without maintaining aspect ratio of elements on Pinch

Open
#936 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.