Dashboard Drawn, cannot interact

[Michelle Stewart]

I have multiple filters of varying types in a dashboard, along with a table.  I draw a chart outside of that with some listeners because it is aggregated and was being finicky.

Now, my problem: 

I cannot select any of the filters (they aren't populated and don't allow interaction, drags do nothing for chartRange and numberRange, clicks don't even get a cursor for stringFilter, and I can't get a drop down from a categoryFilter or a tooltip from a hover on the chart).

The table behaves perfectly.  This isn't my first dashboard so I'm really at a loss.

The only thing I haven't done exactly according to spec is using an onLoadCallback for the google.load function.  Because it won't be loaded until the user does some things, far enough in it shouldn't be a problem (and from the existence of the controls I don't think this is the problem).

I will have to work for a couple hours to get data obscured enough to be able to post an example so I would first like to know if anyone has some ideas of what to check for.

Thanks,

Michelle

[Sergey Grabkovsky]

Hello,

It would be extremely helpful if you could distill your problem down to a jsfiddle demo. A common reason for charts not accepting interaction is that an error occurred at some point. Check the JavaScript console to see if that is indeed the case.

- Sergey

--
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 http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Michelle Stewart]

OK... I have a jsfiddle set up but this is I think my first one from scratch so it's not working at all at the moment (although I had a local copy and copied everything not in the header) and then included jsapi.

http://jsfiddle.net/mstewart/CwCek/8/  here is the jsfiddle.  Thank you for your help!

On Friday, March 1, 2013 12:17:12 PM UTC-5, Sergey wrote:

Hello,

It would be extremely helpful if you could distill your problem down to a jsfiddle demo. A common reason for charts not accepting interaction is that an error occurred at some point. Check the JavaScript console to see if that is indeed the case.

- Sergey

On Fri, Mar 1, 2013 at 12:07 PM, Michelle Stewart <mste...@nysus.net> wrote:

I have multiple filters of varying types in a dashboard, along with a table.  I draw a chart outside of that with some listeners because it is aggregated and was being finicky.

Now, my problem: 

I cannot select any of the filters (they aren't populated and don't allow interaction, drags do nothing for chartRange and numberRange, clicks don't even get a cursor for stringFilter, and I can't get a drop down from a categoryFilter or a tooltip from a hover on the chart).

The table behaves perfectly.  This isn't my first dashboard so I'm really at a loss.

The only thing I haven't done exactly according to spec is using an onLoadCallback for the google.load function.  Because it won't be loaded until the user does some things, far enough in it shouldn't be a problem (and from the existence of the controls I don't think this is the problem).

I will have to work for a couple hours to get data obscured enough to be able to post an example so I would first like to know if anyone has some ideas of what to check for.

Thanks,

Michelle

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

[Michelle Stewart]

well, after further messing with the jsfiddle I got the fiddle working, but it doesn't reproduce the error I have when I run it on my site

--
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/Y_N4A_8oOvc/unsubscribe?hl=en.
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?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

--
Michelle Stewart

Nysus Solutions

[Sergey Grabkovsky]

Could you point to your site so that I may debug it there?

- Sergey

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

[Michelle Stewart]

it is intranet, I'm sorry

[Sergey Grabkovsky]

In that case, I'm not sure how I can help you. Good luck!

- Sergey

[asgallant]

The other possibility is that there is a CSS/layering issue in play.  I once encountered a problem where the container div of a Table ended up covering the entire page, even though most of it was transparent, so visually there was no problem - it was just impossible to interact with any of the other charts on the page.  Use a DOM inspector (like in Chrome or Firefox) to see if you have something like that going on.

On Friday, March 1, 2013 12:17:12 PM UTC-5, Sergey wrote:

Hello,

It would be extremely helpful if you could distill your problem down to a jsfiddle demo. A common reason for charts not accepting interaction is that an error occurred at some point. Check the JavaScript console to see if that is indeed the case.

- Sergey

On Fri, Mar 1, 2013 at 12:07 PM, Michelle Stewart <mste...@nysus.net> wrote:

I have multiple filters of varying types in a dashboard, along with a table.  I draw a chart outside of that with some listeners because it is aggregated and was being finicky.

Now, my problem: 

I cannot select any of the filters (they aren't populated and don't allow interaction, drags do nothing for chartRange and numberRange, clicks don't even get a cursor for stringFilter, and I can't get a drop down from a categoryFilter or a tooltip from a hover on the chart).

The table behaves perfectly.  This isn't my first dashboard so I'm really at a loss.

The only thing I haven't done exactly according to spec is using an onLoadCallback for the google.load function.  Because it won't be loaded until the user does some things, far enough in it shouldn't be a problem (and from the existence of the controls I don't think this is the problem).

I will have to work for a couple hours to get data obscured enough to be able to post an example so I would first like to know if anyone has some ideas of what to check for.

Thanks,

Michelle

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

[Michelle Stewart]

thanks for the suggestion.  That doesn't appear to be the case especially since I cannot even click or interact with any of the controls.  I also thought the version of jQuery may be to blame because that was one of the differences I noticed in jsFiddle, but that hasn't solved it either.

--
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/Y_N4A_8oOvc/unsubscribe?hl=en.
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?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Michelle Stewart]

Does it help narrow it down at all that I was able to do a onclick event for the table?  That says that at least that much rendered correctly, it highlights right and stuff.  It's just the tooltips in the chart and the filters that don't work.

[Michelle Stewart]

SOMEHOW IT WAS THE CSS!  It was a very simple css so I haven't figured out how it broke anything yet, but I'll post back for posterity when I do get it.

[Michelle Stewart]

I had floats on the div containing my filters and my div containing my chart and the chartRangeFilter.

Those blocked the functionality.

I changed them to display: inline-block; and everything worked great!