gc zones

Price zones

by jbb43

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="timeline" style="height: 180px;"></div>

JavaScript

google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var container = document.getElementById('timeline');
  var chart = new google.visualization.Timeline(container);
  var dataTable = new google.visualization.DataTable();

  dataTable.addColumn({ type: 'string', id: 'Role' });
  dataTable.addColumn({ type: 'string', id: 'zones' });
  dataTable.addColumn({ type: 'number', id: 'Start' });
  dataTable.addColumn({ type: 'number', id: 'End' });
  dataTable.addRows([
    [ 'zones', 'Buy', 0, 500 ],
    [ 'zones','Hold', 500,  1000 ],
    [ 'zones','Sell',  1000,  1500 ]]);

var options = {
        timeline: { showRowLabels: false },
        colors:  ['green','yellow','red'],
        avoidOverlappingGridLines: false
      };
  
  chart.draw(dataTable,options);
}