Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Why the chart is not responsive in larger resolution than 300px X 150px? #81

Closed
notalentgeek opened this issue Apr 24, 2017 · 2 comments
Closed

Why the chart is not responsive in larger resolution than 300px X 150px? #81

notalentgeek opened this issue Apr 24, 2017 · 2 comments

Comments

@notalentgeek
Copy link

Here is my codes.

<div style="display:flex;flex:1;flex-direction:row;">
  <canvas id="pitch_graph" style="flex:1;"></canvas>
</div>

I set the verticalSections:2. Here is what happen in smaller resolution.

http://i.imgur.com/ULkLgh2.png

Which is fine. However, when I scaled the window, the verticalSections appeared to be off and not scaled properly.

http://i.imgur.com/VNiJz4W.png

How can I have the chart to be responsive with any size?
drewnoakes added a commit that referenced this issue May 2, 2017
@drewnoakes
Optionally size canvas to its element size
1903bf9 
The old behaviour (still the default) is to size the element to
the canvas size. This doesn't work with dynamically sized,
responsive applications.

See issues #64, #70, #78, #81
drewnoakes added a commit that referenced this issue May 2, 2017
@drewnoakes
Add option for responsive chart sizing
92f479e 
When selected, size canvas to its element size.

The old behaviour (still the default) is to size the element to
the canvas size. This doesn't work with dynamically sized,
responsive applications.

Closes issues #64, #70, #78, #81
@drewnoakes
Copy link
Collaborator

This is now supported. See http://smoothiecharts.org/examples/responsive.html

@notalentgeek
Copy link
Author

Thanks!!!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@drewnoakes @notalentgeek