Looks like you found an answer, posted at: http://stackoverflow.com/questions/14363224/google-visualization-jboss-seam-2
dan On Thu, Jan 17, 2013 at 3:53 AM, <[email protected]> wrote: > Hi, I have similar problem in my Jboss Seam 2 project. I use simple > example from Google Visualization Quick start and when I put that page to > my Jboss Seam 2 project I got the same error "b[c] is undefined". > > The below is the generated page source. > > As you can see Jboss Seam adds some other script srcs for a4j. > > Is it possible that a4j javascript conflicts with google visualization api > javascript? > > Is there any idea how to resolve this? > > > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > > <script src="/MCMS/a4j/g/3_3_3.Final/org/ajax4jsf/framework.pack.js" > type="text/javascript"></script> > <script src="/MCMS/a4j/g/3_3_3.Final/org/richfaces/ui.pack.js" > type="text/javascript"></script> > <link class="component" > href="/MCMS/a4j/s/3_3_3.Final/org/richfaces/skin.xcss/DATB/eAGTKJ8eErp8hjQADcsDKg__" > rel="stylesheet" type="text/css" /> > <script type="text/javascript" > src="https://www.google.com/jsapi";></script> > <script type="text/javascript"> > // Load the Visualization API and the piechart package. > google.load('visualization', '1.0', {'packages':['corechart']}); > > // Set a callback to run when the Google Visualization API is > loaded. > google.setOnLoadCallback(drawChart); > > // Callback that creates and populates a data table, > // instantiates the pie chart, passes in the data and > // draws it. > function drawChart() { > > // Create the data table. > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Topping'); > data.addColumn('number', 'Slices'); > data.addRows([ > ['Mushrooms', 3], > ['Onions', 1], > ['Olives', 1], > ['Zucchini', 1], > ['Pepperoni', 2] > ]); > > // Set chart options > var options = {'title':'How Much Pizza I Ate Last Night', > 'width':400, > 'height':300}; > > // Instantiate and draw our chart, passing in some options. > var chart = new > google.visualization.PieChart(document.getElementById('chart_div')); > chart.draw(data, options); > } > </script> > </head> > > <body> > > <div id="chart_div"></div> > </body> > </html> > > > > Неділя, 23 жовтня 2011 р. 11:49:59 UTC+3 користувач Viz Kid написав: >> >> >> Hi >> >> Without knowing anything about your page, giving an insight would be hard. >> What I suggest is for you to try and narrow down your page to the minimal >> example that still causes this issue, and hopefully you can also share this >> example with us. >> Moreover, if you are using any external libraries which potentially >> modify some basic built-in Javascript types, they might cause unexpected >> behavior. >> >> Viz Kid >> >> On Thu, Oct 20, 2011 at 8:29 PM, omanit <[email protected]> wrote: >> >>> The example code works fine as a independent page as itself. But if >>> incorporated into my jsf web app, it throws error in Firefox: " b[c] >>> is undefined" . How to debug if the error happens in the google chart >>> JS ? Any suggestions will be helpful >>> <html> >>> <head> >>> <!--Load the AJAX API--> >>> <script type="text/javascript" src="https://www.google.com/ >>> jsapi"></script> >>> <script type="text/javascript"> >>> >>> // Load the Visualization API and the piechart package. >>> google.load('visualization', '1.0', {'packages':['corechart']}); >>> >>> // Set a callback to run when the Google Visualization API is >>> loaded. >>> google.setOnLoadCallback(**drawChart); >>> >>> // Callback that creates and populates a data table, >>> // instantiates the pie chart, passes in the data and >>> // draws it. >>> function drawChart() { >>> >>> // Create the data table. >>> var data = new google.visualization.**DataTable(); >>> data.addColumn('string', 'Topping'); >>> data.addColumn('number', 'Slices'); >>> data.addRows([ >>> ['Mushrooms', 3], >>> ['Onions', 1], >>> ['Olives', 1], >>> ['Zucchini', 1], >>> ['Pepperoni', 2] >>> ]); >>> >>> // Set chart options >>> var options = {'title':'How Much Pizza I Ate Last Night', >>> 'width':400, >>> 'height':300}; >>> >>> // Instantiate and draw our chart, passing in some options. >>> var chart = new >>> google.visualization.PieChart(**document.getElementById('**chart_div')); >>> chart.draw(data, options); >>> } >>> </script> >>> </head> >>> >>> <body> >>> <!--Div that will hold the pie chart--> >>> <div id="chart_div"></div> >>> </body> >>> </html> >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Google Visualization API" group. >>> To post to this group, send email to google-visua...@**googlegroups.com. >>> To unsubscribe from this group, send email to google-visualization-api+* >>> *[email protected]. >>> For more options, visit this group at http://groups.google.com/** >>> group/google-visualization-**api?hl=en<http://groups.google.com/group/google-visualization-api?hl=en> >>> . >>> >>> >> -- > 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/-/qXN4LCOg1-EJ. > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> - 978-394-1058 [email protected] <[email protected]> 562D 5CC, Cambridge MA [email protected] <[email protected]> 9 Juniper Ridge Road, Acton MA -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
