unable to check output on jsFiddle.net

123 views
Skip to first unread message

kotmanp

unread,
Jan 21, 2013, 5:45:23 AM1/21/13
to google-visua...@googlegroups.com
Hi,
 
This is the first time i am trying to code on jsFiddle for google charts.
I am not able to check/view my output. Result panel is empty: http://jsfiddle.net/kotmanp/bj3Rz/
 
Are there any other settings that i am misisng here?
 
Can any one please help me?
 
Thank you!!

Daniel LaLiberte

unread,
Jan 21, 2013, 11:50:37 AM1/21/13
to google-visua...@googlegroups.com
Hi,

You need to do a couple things to make your jsfiddle script work.  First, and most importantly, it is not so obvious, but on the left panel where it says "Add Resources", you need to click on that and add a reference to http://www.google.com/jsapi?fake=.js so that google.load() will work.  (Click the "+" after pasting in that URL.)  The "?fake=.js" suffix is there so jsfiddle knows you are loading a javascript resource.

You also need to change your framework (under "Choose Framework").  I use "no wrap (body)" and "No-Library (Pure JS)".   Not sure why, but it works. 

Finally, I recommend you uncheck the "Normalized CSS" option.  Recent changes in jsfiddle added a 100% font size that messes with what seems to work fine without it. 

dan

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/99KCv9FiwJwJ.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.



--
dlaliberte@Google.com   562D 5CC, Cambridge MA
daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

asgallant

unread,
Jan 21, 2013, 12:28:47 PM1/21/13
to google-visua...@googlegroups.com
You have to use one of the "no wrap" options, as the API doesn't like to load inside other event handlers for some reason.  The jQuery and Mootools libraries both work fine with the Visualization API, but there are reports that the Prototype library is incompatible; other libraries may or may not be compatible (most *should* be).  And yes, please turn off the normalized CSS, or else you will be banging your head against the wall trying to figure out why the text looks funny in the results window.  Here's your script with the requisite changes made: http://jsfiddle.net/asgallant/bj3Rz/2/


On Monday, January 21, 2013 11:50:37 AM UTC-5, Daniel LaLiberte wrote:
Hi,

You need to do a couple things to make your jsfiddle script work.  First, and most importantly, it is not so obvious, but on the left panel where it says "Add Resources", you need to click on that and add a reference to http://www.google.com/jsapi?fake=.js so that google.load() will work.  (Click the "+" after pasting in that URL.)  The "?fake=.js" suffix is there so jsfiddle knows you are loading a javascript resource.

You also need to change your framework (under "Choose Framework").  I use "no wrap (body)" and "No-Library (Pure JS)".   Not sure why, but it works. 

Finally, I recommend you uncheck the "Normalized CSS" option.  Recent changes in jsfiddle added a 100% font size that messes with what seems to work fine without it. 

dan

On Mon, Jan 21, 2013 at 5:45 AM, kotmanp <kot...@gmail.com> wrote:
Hi,
 
This is the first time i am trying to code on jsFiddle for google charts.
I am not able to check/view my output. Result panel is empty: http://jsfiddle.net/kotmanp/bj3Rz/
 
Are there any other settings that i am misisng here?
 
Can any one please help me?
 
Thank you!!

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/99KCv9FiwJwJ.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
dlali...@Google.com   562D 5CC, Cambridge MA
daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA

kotmanp

unread,
Jan 22, 2013, 9:55:13 AM1/22/13
to google-visua...@googlegroups.com
Thank you very much for the help!!
Reply all
Reply to author
Forward
0 new messages