Help with EventListener and Line Graph with a large number of data points, some not working

22 views
Skip to first unread message

kwsc...@umich.edu

unread,
Apr 13, 2016, 2:21:25 PM4/13/16
to Google Visualization API
Hello,

Currently I am attempting to implement a line chart. The chart contains timestamps on the X-axis and Heart Rate data on the Y-axis. I am using an event listener so when a user clicks on a graph point, an HTML5 video will play at the timestamp. However, when I try and implement it with about 2,000 data points, only the first 500ish appear as clickable on the graph. The graph looks just fine, but you can only click on the first 500ish points. Is there a limit to the amount of points on a line graph?

Also, please let me know if you would like to see more specific code. It's pretty general, and the problem appears even without an event listener. Basically, the tooltips wont even pop up after the first 500 or so points. Is this a limitation or is there a way to get around this?

Thanks,

Kyle

Daniel LaLiberte

unread,
Apr 13, 2016, 2:28:57 PM4/13/16
to Google Visualization API
Hi Kyle,

We don't have any limits on the data size, and I am curious how this appears to be happening for you.  I'd like to look at the code, but it is even better if you could point us at your web page so we can see the behavior in action.

--
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/2d0b33ad-3783-43a4-8d62-dc18e48d9a38%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

kwsc...@umich.edu

unread,
Apr 13, 2016, 2:46:47 PM4/13/16
to Google Visualization API
Hmm, I am attempting to try and recreate the problem with as simple of code as possible. With just one graph and no other code it appears to be working, so the problem is located somewhere else in my code. I currently have this code locally only so I do not have a site for reference. I will attempt to recreate it now.   


On Wednesday, April 13, 2016 at 2:28:57 PM UTC-4, Daniel LaLiberte wrote:
Hi Kyle,

We don't have any limits on the data size, and I am curious how this appears to be happening for you.  I'd like to look at the code, but it is even better if you could point us at your web page so we can see the behavior in action.
On Wed, Apr 13, 2016 at 2:21 PM, <kwsc...@umich.edu> wrote:
Hello,

Currently I am attempting to implement a line chart. The chart contains timestamps on the X-axis and Heart Rate data on the Y-axis. I am using an event listener so when a user clicks on a graph point, an HTML5 video will play at the timestamp. However, when I try and implement it with about 2,000 data points, only the first 500ish appear as clickable on the graph. The graph looks just fine, but you can only click on the first 500ish points. Is there a limit to the amount of points on a line graph?

Also, please let me know if you would like to see more specific code. It's pretty general, and the problem appears even without an event listener. Basically, the tooltips wont even pop up after the first 500 or so points. Is this a limitation or is there a way to get around this?

Thanks,

Kyle

--
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.



--

kwsc...@umich.edu

unread,
Apr 13, 2016, 3:09:25 PM4/13/16
to Google Visualization API
Wow. Ok, I found the problem. Due to the ordering of the webpage, the graph was actually being obscured by some sort of invisible object. I'm still not exactly sure which object did it, but it's a problem on my side. Re-positioning the graph fixed the problem. I'm pretty new to javascript/html and didn't even think about it. 

Thanks for the help though,

Kyle


On Wednesday, April 13, 2016 at 2:28:57 PM UTC-4, Daniel LaLiberte wrote:
Hi Kyle,

We don't have any limits on the data size, and I am curious how this appears to be happening for you.  I'd like to look at the code, but it is even better if you could point us at your web page so we can see the behavior in action.
On Wed, Apr 13, 2016 at 2:21 PM, <kwsc...@umich.edu> wrote:
Hello,

Currently I am attempting to implement a line chart. The chart contains timestamps on the X-axis and Heart Rate data on the Y-axis. I am using an event listener so when a user clicks on a graph point, an HTML5 video will play at the timestamp. However, when I try and implement it with about 2,000 data points, only the first 500ish appear as clickable on the graph. The graph looks just fine, but you can only click on the first 500ish points. Is there a limit to the amount of points on a line graph?

Also, please let me know if you would like to see more specific code. It's pretty general, and the problem appears even without an event listener. Basically, the tooltips wont even pop up after the first 500 or so points. Is this a limitation or is there a way to get around this?

Thanks,

Kyle

--
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.



--

Daniel LaLiberte

unread,
Apr 13, 2016, 3:12:49 PM4/13/16
to Google Visualization API
Glad you found it.  I was thinking it might be something like what you found.

On Wed, Apr 13, 2016 at 3:09 PM, <kwsc...@umich.edu> wrote:
Wow. Ok, I found the problem. Due to the ordering of the webpage, the graph was actually being obscured by some sort of invisible object. I'm still not exactly sure which object did it, but it's a problem on my side. Re-positioning the graph fixed the problem. I'm pretty new to javascript/html and didn't even think about it. 

Thanks for the help though,

Kyle

On Wednesday, April 13, 2016 at 2:28:57 PM UTC-4, Daniel LaLiberte wrote:
Hi Kyle,

We don't have any limits on the data size, and I am curious how this appears to be happening for you.  I'd like to look at the code, but it is even better if you could point us at your web page so we can see the behavior in action.
On Wed, Apr 13, 2016 at 2:21 PM, <kwsc...@umich.edu> wrote:
Hello,

Currently I am attempting to implement a line chart. The chart contains timestamps on the X-axis and Heart Rate data on the Y-axis. I am using an event listener so when a user clicks on a graph point, an HTML5 video will play at the timestamp. However, when I try and implement it with about 2,000 data points, only the first 500ish appear as clickable on the graph. The graph looks just fine, but you can only click on the first 500ish points. Is there a limit to the amount of points on a line graph?

Also, please let me know if you would like to see more specific code. It's pretty general, and the problem appears even without an event listener. Basically, the tooltips wont even pop up after the first 500 or so points. Is this a limitation or is there a way to get around this?

Thanks,

Kyle

--
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.



--

--
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/9632e6f4-a2a1-43ba-9256-b26402e50510%40googlegroups.com.

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



--
Reply all
Reply to author
Forward
0 new messages