search

swimlane / ngx-charts

:bar_chart: Declarative Charting Framework for Angular
https://swimlane.github.io/ngx-charts/
MIT License
4.3k stars 1.15k forks source link

Mobile support #609

Open westlakem opened 7 years ago

westlakem commented 7 years ago

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[X] feature request
[ ] support request => Please do not submit support request here

Current behavior The graph is tiny on mobile, and cuts off wording and the legend almost completely image

Expected behavior The graph should grow to match the "normal" text size of the page. You may have to scroll to the right (off the screen like tables) but I feel that is better than having an unreadable graph.

Easier solution: Graph should either look like the desktop version: image

or Slightly more complicated (to save space on mobile) You can flip the names up on end and shrink the graph part slightly

image

Reproduction of the problem Create any graph, open it in google chrome, and emulate on a phone sized display.

What is the motivation / use case for changing the behavior? Mobile First Design

Please tell us about your environment: Angular 4 - Node 8

Moulde commented 7 years ago

Basically, it should be responsive? EDIT: I'm also in need of mobile friendly / something that responds correctly to smaller screen sizes.

westlakem commented 7 years ago

@Moulde yes, I also noticed that If I resize, or change values on the graph, it changes the size as well, and not in a good way.

felix9607 commented 6 years ago

@westlakem the resize issue is sth discussed here already. maybe it helps