I should clarify: you need to set the dimensions in HTML or CSS for the flash-based charts specifically (Annotated Timeline and Motion Charts); all other charts can be set either in CSS/HTML or in the chart options.
On Tuesday, November 13, 2012 11:47:57 PM UTC-5, asgallant wrote: > > You have to set the height of the div in HTML or CSS, not in the chart > options. > > On Tuesday, November 13, 2012 9:19:43 PM UTC-5, Loretta Lee wrote: >> >> Hi GViz Experts! >> I had no issue with my angularjs Gviz chart when it was DataTable(), but >> when I try to make an Annotated Time Line chart, it ALWAYS has height=4, >> width=1386, no matter what I explicitly set it to. >> >> I even tried cut-and-paste the example code found here: >> http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line_configuration >> and it still has height=4. >> >> Can someone tell me how I can change the height? >> >> I have tried (with no luck): >> >> var options >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=179&gsn=options> >> = { 'width' >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options.width:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=180&gsn='width'>: >> 600, 'height' >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options.height:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=181&gsn='height'>: >> 400, }; >> >> var options >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=179&gsn=options> >> = { 'chartArea' >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options.chartArea:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=182&gsn='chartArea'>: >> { 'width' >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options.chartArea.width:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=182&gsn='width'>: >> '100%' }, >> }; >> >> var options >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=179&gsn=options> >> = { 'chartArea' >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options.chartArea:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=182&gsn='chartArea'>: >> { 'width' >> <https://cs.corp.google.com/#google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&ct=xref_usages&gs=js:cf.ui.PollViewer.prototype.drawChart&options.chartArea.width:google3/java/com/google/ccc/knowledge/frontend/almond/templates/k2/javascript/poll-viewer.js&l=182&gsn='width'>: >> '600' }, >> }; >> Thank you!Loretta :o) >> >> -- 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/-/YoeVkX3fnW4J. 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.
