D3 jQuery Bereich Schieberegler funktioniert nicht

-1

Ich habe stackoverflow gesucht, aber ich konnte keine Lösung für meinen Fall finden.
Ich mache eine einfache interaktive Visualisierung mit D3. Ich möchte einen Bereichsschieberegler für Benutzer einschließen, um einen Bereich auszuwählen. Erstellen Sie anschließend eine Filterfunktion, die die Daten basierend auf dem ausgewählten Bereich filtert und die Visualisierung aktualisiert. Der Bereichsschieberegler wird in meinem Browser (Chrome und Safari) nicht angezeigt.

Relevante Code:D3 jQuery Bereich Schieberegler funktioniert nicht

<body> 
    <script src="https://d3js.org/d3.v4.min.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
  <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 

    <div id="layout"> 
     <div id="title"> 
      <p>Stocks Scatterplot</p> 
     </div> 
     <div id="visualization"> 
      <div id="controls"> 
       <!--create the sliders here--> 
       <p>Assists</p> 
        <div id="assists" class="d3-slider"></div> 
        <label for="assistamount">Assists range:</label> 
        <input type="text" id="assistamount" readonly style="border:0; color:#f6931f; 
        font-weight:bold;"> 
      </div> 
     </div> 
    </div> 
</body>

jQuery:

$(function() { 
    $("#assits").slider({ 
    range: true, 
    min: 0, 
    max: maxAssists, 
    values:[0,maxAssists], 
    slide: function(event, ui) { 
     $("#assistamount").val(ui.values[0]+"-"+ui.values[1]); 
     filterAssists(ui.values);} 
    }); 
    $("#assistamount").val($("#assits").slider("values",0) + "-" + $("#assits").slider("values",1)); 
});

Irgendwelche Gedanken? Danke im Voraus.

Quelle

2017-02-13 Emile

Sie haben einen Tippfehler !!
$("#assits") sollte $("#assists") sein. Ich denke, Sie haben maxAssests vor der Slider-Definition auch definiert.

Verwenden Sie auch mehr aktuelle Versionen von jquery & ui. Ich habe Ihren Code, um damit zu arbeiten.

<script src="//code.jquery.com/jquery-1.12.4.js"></script> 
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Quelle

2017-02-13 03:53:45

Hallo Andrew, warum sollte es "assestiert" statt "hilft"? Ist es nicht eine Variable, die man benennen kann, was ich will? – Emile

rip Ich hatte auch einen Tippfehler. Es sollte helfen. Ich habe meine Antwort aktualisiert –

Ich habe versucht, die aktualisierte Versionen von jquery und ui, aber der Slider immer noch nicht angezeigt. Kannst du es in deinem Browser sehen? – Emile

D3 jQuery Bereich Schieberegler funktioniert nicht

Antwort

Verwandte Themen