Hi Jeremy, Does it work here for you (as it does for me): https://jsfiddle.net/dlaliberte/c4kgrqgs/ I copied the text you posted exactly.
Check in your browser's debugger or developer console to see if there are any error messages. If you are still seeing a problem, it might be due to your particular browser, caching issues, or proxy servers. Perhaps some plugins could interfere as well. Give us the details. On Wed, Oct 11, 2017 at 9:21 AM, Jeremy Werner <jpwerne...@gmail.com> wrote: > I have just started looking into using Google Charts and the first example > that is used right on the page does not load for me. The directions say to > put the script into an HTML file and you can load it in your browser. Upon > creating an HTML file with this code, it just loads a blank page. > > <html> > <head> > <!--Load the AJAX API--> > <script type="text/javascript" src="https://www.gstatic.com/ > charts/loader.js"></script> > <script type="text/javascript"> > > // Load the Visualization API and the corechart package. > google.charts.load('current', {'packages':['corechart']}); > > // Set a callback to run when the Google Visualization API is loaded. > google.charts.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 unsubscribe from this group and stop receiving emails from it, send an > email to google-visualization-api+unsubscr...@googlegroups.com. > To post to this group, send email to google-visualization-api@ > 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/1091ce42-4519-4b3a-8b18- > f4eee59cba71%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/1091ce42-4519-4b3a-8b18-f4eee59cba71%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> dlalibe...@google.com <dlalibe...@google.com> 5CC, Cambridge MA -- 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+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@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/CAOtcSJNpVhdFQODMjBtTPe2KMEo4TDX6AVyz%3D78QWtnHGwMnKA%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
