Assets - eEksperimenti/apps GitHub Wiki

value-picker.js

Uporaba

V glavno datoteko (index.html) po vrsticah

  <script src="../assets/bootstrap-3.0.0/js/jquery.js"></script>
  <script src="../assets/bootstrap-3.0.0/js/bootstrap.min.js"></script>
  <script src="../assets/flot/jquery.flot.min.js"></script>

dodamo

  <script src="../assets/flot/jquery.flot.crosshair.js"></script>
  <script src="../assets/value-picker.js"></script>

Funkcionalnosti

Izpis vrednosti

Graf je opremljen z rdečo navpično črto (flot crosshair plugin). Vrednosti za izrisane krivulje se izpisujejo nad x osjo: V zgornjem primeru vidimo, da je izpisal tudi CH3 vrednost, ker je na grafu našel 3 krivulje (poleg kanala 1 in kanala2 še zeleno za nastavitev proženja). S spremenljivko vp.tracks lahko izpis omejimo na prvih n krivulj (v spodnjem primeru na prvi 2):

//...
  <script src="../assets/flot/jquery.flot.crosshair.js"></script>
  <script src="../assets/value-picker.js"></script>
  <script src="../assets/translator.js"></script>
  <script type="text/javascript">
  vp.tracks=2; // določena mora biti v začetku javascript bloka, pred inicializacijo flot grafa (plot=$.plot ...)
  // Settings which can be modified
  var app_id = 'scope+gen_translation';  
  var root_url = '';
  //...

Zaklepanje oznak (računanje razlik)

Če kliknemo na graf, se na položaj miške izriše navpična črtkana črta, izpisu pa se doda vrednost razlike med položajem črtkane črte in trenutnim položajem miške.

Če še enkrat kliknemo na graf se na položaj miške doda druga črtkana črta, izpis pa je v tem primeru opremljen z razliko vrednosti med obema črtkanima oznakama.

Če še enkrat kliknemo na graf se črtkane črte zbrišejo.

⚠️ **GitHub.com Fallback** ⚠️