How can I synchronize one column chart when I zoom in the other column chart? ALSO!! How can I get top of column location in column chart?

[Kyle Kim]

Hi. My name is Kyle and I'm a newbie in Google Visualization API.

I tried to find solutions for these two issues for some days, but I didn't find it. 

1. How can I synchronize one column chart when I zoom in the other column chart?

I'm using two column charts and they are using different data but the same columns. When I zoom in one column chart, I want to make the other column chart zoom in together.

I saw a post and he said that there is no way to synchronize two charts. (in 2009 by Google employee)

However, this year is 2016 so I hope Googe solved this issue.

Please advise to me!!

2. How can I get a top of column location in column chart?

I tried to get a top of column location in column chart, but I can't estimate it. Because the data which I'll put in is different every time.

The reason why I need it is because I want to connect the columns in one column chart to the columns in the other chart.

Is there any way to solve these two issues? [Please understand my English]

Thanks in advance!! :D         (https://developers.google.com/chart/interactive/docs/gallery/columnchart)

[Sergey Grabkovsky]

Hi Kyle,

1. If you're using explorer mode, there is sadly still no way to synchronize the zoom levels of multiple charts. If you are not using explorer mode, please gives us an example of how you're doing zoom, as there may be hope for you yet!

2. You can use the getChartLayoutInterface API in order to convert chart canvas coordinates to screen coordinates. If you can construct a jsfiddle of one of your charts, I can show you how to do this.

Your English is great!

In the future, please provide a jsfiddle example of what you're trying to do. This will allow us to help you more quickly.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/9943fcff-10cd-45e2-977e-ccf441c5f195%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

	•	Sergey Grabkovsky
	•	Software Engineer
	•	Google, Inc
	•	gra...@google.com

[Kyle Kim]

Hi Sergey,

Sorry for delay and thank you for answering my questions so fast!! :D

1. I'm using explorer mode now. :< However, it's okay if I can draw lines from the columns on the upper chart to the columns on the lower chart.

2. Here is jsfiddle url. https://jsfiddle.net/daegon_kyle/Lvd63a4u/25/

Please give me advice. 

It's what I want to make. (y1(Upper chart)------y1(Lower chart))

I'll look forward to your reply.

2016년 3월 1일 화요일 오전 12시 16분 43초 UTC+9, Sergey 님의 말:

Hi Kyle,

1. If you're using explorer mode, there is sadly still no way to synchronize the zoom levels of multiple charts. If you are not using explorer mode, please gives us an example of how you're doing zoom, as there may be hope for you yet!

2. You can use the getChartLayoutInterface API in order to convert chart canvas coordinates to screen coordinates. If you can construct a jsfiddle of one of your charts, I can show you how to do this.

Your English is great!

In the future, please provide a jsfiddle example of what you're trying to do. This will allow us to help you more quickly.

On Sat, Feb 27, 2016 at 8:48 PM Kyle Kim <manho...@gmail.com> wrote:

Hi. My name is Kyle and I'm a newbie in Google Visualization API.

I tried to find solutions for these two issues for some days, but I didn't find it. 

1. How can I synchronize one column chart when I zoom in the other column chart?

I'm using two column charts and they are using different data but the same columns. When I zoom in one column chart, I want to make the other column chart zoom in together.

I saw a post and he said that there is no way to synchronize two charts. (in 2009 by Google employee)

However, this year is 2016 so I hope Googe solved this issue.

Please advise to me!!

2. How can I get a top of column location in column chart?

I tried to get a top of column location in column chart, but I can't estimate it. Because the data which I'll put in is different every time.

The reason why I need it is because I want to connect the columns in one column chart to the columns in the other chart.

Is there any way to solve these two issues? [Please understand my English]

Thanks in advance!! :D         (https://developers.google.com/chart/interactive/docs/gallery/columnchart)

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, 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 https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/9943fcff-10cd-45e2-977e-ccf441c5f195%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Sergey Grabkovsky]

Hi Kyle,

We don't have any inherent support for drawing graphics across multiple charts. Anything I suggest here will be a hack.

However, what you're asking for is possible! But extremely difficult. What you'll need to do is create an svg or canvas element on top of both your charts to contain the graphics that you will render. Then render the desired graphics on that canvas/svg element. The only tricky part will be calculating the positions of your data, which is easily done with getChartLayoutInterface.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.

Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/9943fcff-10cd-45e2-977e-ccf441c5f195%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

	•	Sergey Grabkovsky
	•	Software Engineer
	•	Google, Inc
	•	gra...@google.com

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/fe17ff5a-8efe-4c4e-9a7f-2a950f527cfb%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Kyle Kim]

Hi, Sergey.

I really appreciate your comment!

I'll try what you suggested.

Thank you so much!!