there is now a playground sample demonstrating this: http://code.google.com/apis/ajax/playground/#candlestick_chart
On Wed, Jun 24, 2009 at 3:49 PM, gireesh <[email protected]>wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
