pasosdeJesus/sivel2_gen

<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
<script src='https://cdn.plot.ly/plotly-locale-es-latest.js'></script>

<h1>Grafica de actos individuales</h1>
<div class="row">
  <div class="col-sm-4">
    <div class="card filtros">
      <h5 class="card-title">Filtro</h5>
      <div id="rango" class="form-group">
        <label class="control-label" for="rango">Rango de fechas</label>
        <div class="input-daterange input-group">
          <div class="input string required">
            <input type="date" class="string required form-control" placeholder="Desde" maxlength="10" size="10" type="text" name="fechaini" id="fechaini">
          </div>
          <span class="input-group-addon"> - </span>
          <div class="input string required">
            <input type="date" class="string required form-control" placeholder="Hasta" maxlength="10" size="10" type="text" name="fechafin" id="fechafin">
          </div>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label" for="presponsable">Presuntos responsables incluidos</label>
        <select id="presponsable" class="form-control select tom-select" data-controller="sivel2-gen--motor"  multiple="multiple" >
        </select>
        <script type="application/json" data-for="presponsable">{}</script>
      </div>
    </div> <!-- card -->
  </div>
  <div class="col-sm-8">
    <div class="card">
      <div class="card-body plot" id="div_serietiempo" style="padding: 0px; height:400px">
      </div>
    </div>
    <div class="card">
      <div class="card-body plot" id="div_barras" style="padding: 0px; height: 400px">
      </div>
    </div>
  </div>
</div>