Thank you ! Warm Regards Gireesh
On Jun 24, 7:49 am, MC Get Vizzy <[email protected]> wrote: > google.visualization.ImageChart can draw an OHLC chart. > documentation for the ImageChart can be found here: > > http://code.google.com/apis/visualization/documentation/gallery/gener... > > <http://code.google.com/apis/visualization/documentation/gallery/gener...>this > is based on the ChartServer chm=F parameter, which is documented here: > > http://code.google.com/apis/chart/styles.html#financial_markers > > <http://code.google.com/apis/chart/styles.html#financial_markers>here is a > sample html file that draws an OHLC chart: > > <!-- > copyright (c) 2009 Google inc. > > You are free to copy and use this sample. > License can be found > here:http://code.google.com/apis/ajaxsearch/faq/#license > --> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="content-type" content="text/html; charset=utf-8"/> > <title> > Google Visualization API Sample > </title> > <script type="text/javascript" src="http://www.google.com/jsapi > "></script> > <script type="text/javascript"> > google.load('visualization', '1', {packages: ['imagechart']}); > </script> > <script type="text/javascript"> > function drawVisualization() { > var options = {}; > // In the Chart API, finance chart is considered a line chart > options.cht = 'lc'; > > // set the line colors to transparent > options.color = '#00000000'; > > // create a grid for the chart > options.chg = '25.0,25.0,4.0,4.0'; > > options.chm = 'F,,0,-1,20,0'; > > options.width = 400; > > dataTable = new google.visualization.DataTable(); > dataTable.addColumn('string'); > dataTable.addColumn('number'); > dataTable.addColumn('number'); > dataTable.addColumn('number'); > dataTable.addColumn('number'); > dataTable.addRows(8); > > dataTable.setValue(0, 0, 'ABCD'); > dataTable.setValue(1, 0, 'EFGH'); > dataTable.setValue(2, 0, 'IJKL'); > dataTable.setValue(3, 0, 'MNOP'); > dataTable.setValue(4, 0, 'QRST'); > dataTable.setValue(5, 0, 'UVWX'); > dataTable.setValue(6, 0, 'YZAB'); > dataTable.setValue(7, 0, 'CDEF'); > > dataTable.setValue(0, 1, 90); > dataTable.setValue(1, 1, 70); > dataTable.setValue(2, 1, 50); > dataTable.setValue(3, 1, 20); > dataTable.setValue(4, 1, 15); > dataTable.setValue(5, 1, 10); > dataTable.setValue(6, 1, 0); > dataTable.setValue(7, 1, 0); > > dataTable.setValue(0, 2, 100); > dataTable.setValue(1, 2, 80); > dataTable.setValue(2, 2, 60); > dataTable.setValue(3, 2, 30); > dataTable.setValue(4, 2, 45); > dataTable.setValue(5, 2, 20); > dataTable.setValue(6, 2, 30); > dataTable.setValue(7, 2, 5); > > dataTable.setValue(0, 3, 110); > dataTable.setValue(1, 3, 90); > dataTable.setValue(2, 3, 70); > dataTable.setValue(3, 3, 40); > dataTable.setValue(4, 3, 35); > dataTable.setValue(5, 3, 30); > dataTable.setValue(6, 3, 20); > dataTable.setValue(7, 3, 15); > > dataTable.setValue(0, 4, 120); > dataTable.setValue(1, 4, 100); > dataTable.setValue(2, 4, 80); > dataTable.setValue(3, 4, 50); > dataTable.setValue(4, 4, 55); > dataTable.setValue(5, 4, 40); > dataTable.setValue(6, 4, 40); > dataTable.setValue(7, 4, 25); > > var chart = new > google.visualization.ImageChart(document.getElementById('visualization')); > chart.draw(dataTable, options); > } > > google.setOnLoadCallback(drawVisualization); > </script> > </head> > <body style="font-family: Arial;border: 0 none;"> > <div id="visualization" style="width: 300px; height: 300px;"></div> > </body> > </html> > > On Thu, Jun 18, 2009 at 12:50 PM, gireesh > <[email protected]>wrote: > > > > > Hi, > > > Is there a plan to include visualization for a OHLC and Candle Stick > > Chart ? > > Can you point me to any resources that I can use to create a light > > weight, responsive, interactive tool set to do the OHLC and Candle > > Stick Chart ? > > > Thanks in advance > > > Regards > > Gireesh --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Visualization API" group. 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 -~----------~----~----~----~------~----~------~--~---
