Scatter chart with square grid

[Yehonathan Sharvit]

I would like to draw a scatter chart with grid lines in both the vertical and horizontal axis.

The composed grid must be squared not like in the attached file.

The challenges are:

1. the number of grids in the horizontal and vertical axis are dynamic.

2. the grid must stay squared when the window is resized

Any ideas?

[Andrew Gallant]

I gave some hints on how to do this over in this thread.

[Yehonathan Sharvit]

Andrew, my problem is that I don’t know how to manage the window size change.

Could you help on it?

--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/WKb231geS1o/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

"Are we what we become or do we become what we are?" - Prof. Beno Gross

[Andrew Gallant]

Do you mean that you don't know how to handle resizing, or that you don't know how to make the square grids after resizing?

On Tuesday, July 1, 2014 3:59:48 AM UTC-4, Yehonathan Sharvit wrote:

Andrew, my problem is that I don’t know how to manage the window size change.

Could you help on it?

On Mon, Jun 30, 2014 at 9:06 PM, Andrew Gallant <asgall...@gmail.com> wrote:

I gave some hints on how to do this over in this thread.

On Monday, June 30, 2014 6:08:13 AM UTC-4, Yehonathan Sharvit wrote:

I would like to draw a scatter chart with grid lines in both the vertical and horizontal axis.

The composed grid must be squared not like in the attached file.

The challenges are:

1. the number of grids in the horizontal and vertical axis are dynamic.

2. the grid must stay squared when the window is resized

Any ideas?

--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/WKb231geS1o/unsubscribe.

To unsubscribe from this group and all its topics, send an email to google-visualization-api+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

[Yehonathan Sharvit]

I don’t know how to handle resizing in a clean way.

My app is responsive app, so the width of the graph is dynamic.

For the moment, I am listening to window resize event and I recalculate the height according to the new width?

To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.

[Andrew Gallant]

Yes, that is exactly what you have to do to resize the chart, and then use the new dimensions to set the chart options to make the grids square.

[Yehonathan Sharvit]

Do you think it is reasonable to expect google charts to handle it automatically for scatter charts?

I saw a keepAspectRatio option in geo charts https://developers.google.com/chart/interactive/docs/gallery/geochart?hl=zh-tw

To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.

[Andrew Gallant]

That option exists for GeoCharts because the maps from Google have a specific aspect ratio; changing it would distort the image.  Other charts, however, do not have a default aspect ratio.  It might be worth investigating the possibility of supporting an option to specify an aspect ratio instead of the height and width options (or more likely, specify height or width and an aspect ratio, and have the chart calculate the other dimension for you).  Feel free to file a feature request for this.