I see, give me a couple of minutes to fix it. I was looking after login and you are not
On Friday, December 5, 2014 11:25:59 AM UTC-8, Sergey wrote: > > Hi Viktor, > > When I go to your page, I only see one chart, and the JS console appears > to be giving an error about one of your containers not being defined. > Without a clear example (one with data), I don't really understand how the > charts are related and therefore can't advise on how you would combine them. > On Fri Dec 05 2014 at 2:00:55 PM Viktor Ka <[email protected] > <javascript:>> wrote: > >> Currently I use 2 charts where second one is located under the first to >> look like one. See how it look at >> http://www.marketvolume.com/quotes/breadthindexhighlowchart.asp?s=SPX >> >> The question is whether it can be done as a one chart as separate panes. >> You have to note that scaling could vary greatly - index could be moving >> around 2000 while the indicator around 50. That is why two separate panes >> are needed. It would be nice to ave one chart with one cross hair moving >> over both panes. >> >> Currently I sue the code below: >> >> google.load("visualization", "1", {packages:["corechart"]}); >> google.setOnLoadCallback(drawChart1); >> google.setOnLoadCallback(drawChart2); >> >> function drawChart1(){ >> var data = new google.visualization.DataTable(); >> data.addColumn('string', 'Date'); >> data.addColumn('number', 'Close'); >> data.addColumn({type: 'string', role: 'tooltip'}); >> data.addRows([SomeData]); >> var options = { >> title: 'SomeTitle', >> colors:['black'], >> legend: {position: 'none'}, >> chartArea:{left:60,top:20,width:'90%',height:'90%'} >> }; >> var chart = new >> google.visualization.LineChart(document.getElementById('chart1_div')); >> chart.draw(data, options); >> } >> >> function drawChart2(){ >> var data = new google.visualization.DataTable(); >> data.addColumn('string', 'Date'); >> data.addColumn('number', 'Breadth'); >> data.addColumn({type: 'string', role: 'tooltip'}); >> data.addRows([Somedata]); >> var options = { >> title: 'High-Low Breadth Index', >> legend: {position: 'none'}, >> chartArea:{left:60,top:20,width:'90%',height:'60%'} >> }; >> var chart = new >> google.visualization.LineChart(document.getElementById('chart2_div')); >> chart.draw(data, options); >> } >> >> -- >> 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] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at >> http://groups.google.com/group/google-visualization-api. >> For more options, visit https://groups.google.com/d/optout. >> > -- 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.
