Your two PieCharts work fine for me, on jsfiddle: https://jsfiddle.net/dlaliberte/rnxcbjz3/14/ I shortened the height a bit for both.
On Mon, May 25, 2020 at 9:44 PM piano lab <[email protected]> wrote: > I don't like to ask for help but now I think it's time since everything > seems to be coded as the Google Guide recommends. What's wrong with my > code? Only the first chart appears. Thank you for help. > > <html> > <head> > <script type='text/javascript' src=' > https://www.gstatic.com/charts/loader.js'></script> > <script type='text/javascript'> > google.charts.load('current', {packages:['corechart']}); > google.charts.setOnLoadCallback(draw1); > google.charts.setOnLoadCallback(draw2); > function draw1() { > var data = google.visualization.arrayToDataTable([ > ['Food', 'Amount'], > ['1', 15], > ['2', 33], > ['3', 8], > ['4', 12], > ['5', 27] > ]); > > var options = { > is3D: true, > pieSliceText: 'value', > legend: {textStyle: {color: 'AEAEAE'}}, > tooltip: { text: 'value'} > }; > > var chart = new > google.visualization.PieChart(document.getElementById('piechart_3d')); > chart.draw(data, options); > } > function draw2() { > var data2 = google.visualization.arrayToDataTable([ > ['Rating', 'Amount'], > ['7', 4], > ['6', 6], > ['5', 7], > ['4', 5], > ['3', 3] > ]); > > var options2 = { > pieHole: 0.6, > legend: {textStyle: {color: 'AEAEAE'}} > }; > > var chart2 = new > google.visualization.PieChart(document.getElementById('chartdonut')); > chart2.draw(data2, options2); > } > </script> > </head> > <body> > <div id='piechart_3d' class='chart' style='width: 500px; height: > 500px;'></div> > <div id='chartdonut' class='chart' style='width: 500px; height: > 500px;'></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 [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/8cdf1cb8-fc88-4bc5-8a99-800f67a1936f%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/8cdf1cb8-fc88-4bc5-8a99-800f67a1936f%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> [email protected] <[email protected]> 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJOsvHn2CcS0DLyVDM4%3Dc1UbnHio3skkwHekRV3ei-Gg%2Bg%40mail.gmail.com.
