<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/dataloader/dataloader.min.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/dark.js"></script>



<div class="container">
  <h1>Orderbook</h1>
  <div class="col-lg-8 px-0">
    <p class="fs-5"></p>
  </div>


  <div class="row">
    <div class="col-3">
      <label for="exchange">Exchange</label>
      <select class="custom-select form-control" id="exchange" name="exchange">
        <option value="binance" selected="">Binance</option>
      </select>
    </div>
    <div class="col-3">
      <label for="exchange">TICKER</label>
      <select class="custom-select form-control" id="symbols" name="symbols">
      </select>
    </div>
    <div class="col-3 d-none">
      <label for="exchange">Timeframe</label>
      <select class="custom-select form-control" id="timeframe" name="timeframe">
        <option value="2" selected="">2 sec</option>
        <option value="5">5 sec</option>
        <option value="10">10 sec</option>
        <option value="30">30 sec</option>
      </select>
    </div>
    <div class="col-3">
      <label for="exchange">Filter</label>
      <select class="custom-select form-control" id="filter" name="filter">
        <option value="none" selected="">None</option>
        <option value="0.01">0.01</option>
        <option value="0.1">0.1</option>
        <option value="0.2">0.2</option>
        <option value="0.5">0.5</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="50">50</option>
        <option value="100">100</option>
        <option value="200">200</option>
        <option value="500">500</option>
        <option value="1000">1000</option>
      </select>
    </div>
  </div>


  <hr />

  <div id="chartdiv" style="width: 100%; height: 500px;"></div>

  <hr />

</div>


<script async src="orderbook.js"></script>