Richard, This sounds like the recently discovered problem where multiple material charts affect each other. This will be fixed in the next release, starting in a couple weeks.
Someone found a workaround, involving drawing extra charts in between, but I can't find the posting that described how to do it. On Sat, Mar 14, 2015 at 12:36 PM, Richard Lucas <[email protected]> wrote: > The chart options1 and options2 specify different width and height values. > I want two separate charts with different overall sizes where the lines > fill the entire chart area. > The problem is that the larger chart cuts off the lines at 500 and 300 > pixels instead of filling up the entire chart area. > If I specify the same height and width, this problem does not occur. > > The script is shown below: > > > <script type="text/javascript"> > google.load('visualization', '1.1', {packages: ['line']}); > google.setOnLoadCallback(drawChart); > > > function drawChart() { > > > var data = new google.visualization.DataTable(); > data.addColumn('date', 'Date'); > data.addColumn('number', 'One'); > data.addColumn('number', 'Two'); > data.addColumn('number', 'Three'); > > > data.addRows([ > [new Date(2014,11,16), 184, 201.5, 48],[new Date(2014,11,23), 142, 154.6, > 38.9],[new Date(2014,11,24), 242, 274.4, 85.1], [new Date(2014,11,25), 242 > , 297.8, 76.6]]); > > > var options1 = { > 'title': 'Maconutrient Chart', > 'width': 900, > 'height': 500 > }; > > > var chart = new google.charts.Line(document.getElementById( > 'linechart_material')); > > > var data2 = new google.visualization.DataTable(); > data2.addColumn('number', 'Meal'); > data2.addColumn('number', 'One'); > data2.addColumn('number', 'Two'); > data2.addColumn('number', 'Three'); > > data2.addRows([ > [1, 15.53985503, 20.3055555, 2.38888888], > [2, 21, 8.16666666, 0], > [3, 0, 0, 0], > [4, 0, 0, 0], > [5, 0, 0, 0], > [6, 0, 0, 0] > ]); > > > var Classicoptions = { > 'title': 'Meal Chart', > 'width': 500, > 'height': 300 > }; > > > var chart2 = new google.charts.Line(document.getElementById('day_material' > )); > > > chart.draw(data, options1); > chart2.draw(data2, Classicoptions); > } > </script> > > > -- > 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 post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> - 978-394-1058 [email protected] <[email protected]> 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 unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
