Hi Luke,

You will want to experiment with the width option as well as the chartArea:
{ width and left } options.  The top-level width is the overall chart
container width, including the parts to the left and right of the chart
area, which is the graphical part inside the axes.

If there is a vertical gap between the charts that you want to remove, you
can try setting the chartArea: { top } for the second chart to a value as
low as 0, which would move the chart area up to the start of the container
leaving no room for the chart title.

It might help to add a border around the container divs so you can see what
is happening.  e.g.

<div id="chart_div" style="width: 900px; height: 500px; border: 1px
solid red"></div>
<div id="chart_div2" style="width: 900px; height: 200px; border: 1px
solid red"></div>


Hope that helps.


On Fri, Aug 2, 2013 at 8:28 PM, Luke Skywalk <[email protected]>wrote:

> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";><html><head><meta 
> http-equiv="refresh" content="60" /><title>[103.81111] Mt.Gox 
> 1min</title><script type="text/javascript" 
> src="https://www.google.com/jsapi";></script><script 
> type="text/javascript">google.load("visualization", "1", 
> {packages:["corechart"]});google.setOnLoadCallback(drawChart);function 
> drawChart() {var data = google.visualization.arrayToDataTable([['Time', 
> 'Price', 'EMA12', 'EMA26'],    ['20:05:51', 104.12001, 104.434278, 
> 104.516729],['20:08:26', 104.12002, 104.385931, 104.487343],        
> ['20:09:50', 104.12003, 104.345023, 104.460135],        ['20:09:50', 
> 104.12003, 104.310409, 104.434942],        ['20:09:50', 104.12003, 104.28112, 
> 104.411615],         ['20:12:05', 104.16662, 104.263505, 
> 104.393467],['20:12:05', 104.16662, 104.2486, 104.376664],  ['20:14:52', 
> 104.006, 104.211277, 104.349207],  ['20:15:40', 104, 104.178773, 104.32334],  
>      ['20:16:18', 104.005, 104.152039, 104.299759],  ['20:16:18', 104.005, 
> 104.129418, 104.277925],['20:16:18', 104.005, 104.110277, 104.257708],    
> ['20:19:40', 104, 104.093311, 104.238619],      ['20:19:40', 104, 104.078955, 
> 104.220944],['20:21:56', 104.005, 104.067577, 104.204948],        
> ['20:22:45', 104, 104.057181, 104.189767],['20:23:25', 104, 104.048384, 
> 104.17571],['20:24:00', 104.16663, 104.066576, 104.175037],['20:24:00', 
> 104.16663, 104.081969, 104.174414],['20:26:07', 103.81111, 104.040298, 
> 104.147503]]);var options = {title: 'mtgx 103.81111 High: 104.00001 Low: 
> 103.81111 Vol: 30.010491 Trade: 9 Trend: down State: buy'};var chart = new 
> google.visualization.LineChart(document.getElementById('chart_div'));chart.draw(data,
>  options);}</script><script type="text/javascript">function 
> drawVisualization() {// Some raw data (not necessarily accurate)var data = 
> google.visualization.arrayToDataTable([['Time', 'MACD', 'Signal', 
> 'DifMACD'],['20:05:51', 0.082451, 0.030412, 0.052039],['20:08:26', 0.101412, 
> 0.044612, 0.0568],['20:09:50', 0.115112, 0.058712, 0.0564],['20:09:50', 
> 0.124533, 0.071876, 0.052657],['20:09:50', 0.130495, 0.0836, 
> 0.046895],['20:12:05', 0.129962, 0.092872, 0.03709],['20:12:05', 0.128064, 
> 0.09991, 0.028154],['20:14:52', 0.13793, 0.107514, 0.030416],['20:15:40', 
> 0.144567, 0.114925, 0.029642],['20:16:18', 0.14772, 0.121484, 
> 0.026236],['20:16:18', 0.148507, 0.126889, 0.021618],['20:16:18', 0.147431, 
> 0.130997, 0.016434],['20:19:40', 0.145308, 0.133859, 0.011449],['20:19:40', 
> 0.141989, 0.135485, 0.006504],['20:21:56', 0.137371, 0.135862, 
> 0.001509],['20:22:45', 0.132586, 0.135207, -0.002621],['20:23:25', 0.127326, 
> 0.133631, -0.006305],['20:24:00', 0.108461, 0.128597, -0.020136],['20:24:00', 
> 0.092445, 0.121367, -0.028922],        ['20:26:07', 0.107205, 0.118535, 
> -0.01133]]);var options = {// title : 'Monthly Coffee Production by 
> Country',// vAxis: {title: "Cups"},// hAxis: {title: "Month"},seriesType: 
> "bars",series: {0: {type: "line"}, 1: {type: "line"}}};var chart = new 
> google.visualization.ComboChart(document.getElementById('chart_div2'));chart.draw(data,
>  
> options);}google.setOnLoadCallback(drawVisualization);</script></head><body><div
>  id="chart_div" style="width: 900px; height: 500px;"></div><div 
> id="chart_div2" style="width: 900px; height: 200px;"></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 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/groups/opt_out.
>
>
>



-- 
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 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/groups/opt_out.


Reply via email to