HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://www.gstatic.com/charts/loader.js"></script> </head> <body> <div id="point"> </div> <script> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Mon', 17, 25, 35, 42], ['Tue', 27, 34, 51, 62], ['Wed', 45, 50, 72, 75], ['Thu', 71, 71, 60, 44], ['Fri', 61, 59, 15, 8] // Treat first row as data as well. ], true); var options = { width: 600, height: 400, legend: 'none', bar: { groupWidth: '100%' // Remove space between bars. }, candlestick: { fallingColor: { strokeWidth: 0, fill: 'red' }, risingColor: { strokeWidth: 0, fill: 'green' } } }; var chart = new google.visualization.CandlestickChart(document.getElementById('point')); chart.draw(data, options); } </script> </body> </html>
OUTPUT
×

Save as Private