Flot x-Axsis ist nicht richtig, nur ein Datenpunkt Plotten ist

Question

$(function() { 
 
     var data = [[ 
 
    \t \t \t [1456819200000,199.8], 
 
       [1456905600000,219.24], 
 
       [1456992000000,589.68], 
 
       [1457078400000,362.88], 
 
       [1457337600000,145.56], 
 
       [1457424000000,589.68], 
 
       [1457510400000,60.48], 
 
       [1457596800000,547.2], 
 
       [1457938800000,239.4], 
 
     
 
     var ticks = data[0].map(function (point) { return point[0]; }); 
 
    $.plot($("#placeholder"), [data],{ \t 
 
     xaxis: { 
 
     mode: "time", 
 
     ticks: ticks, 
 
     minTickSize: [1,"day"], 
 
     min: 1456819200000 
 
     max: 1459321200000 
 
     timeformat: "%d" 
 
     }, 
 
     series: { 
 
     lines: { 
 
      show: true, 
 
     }, 
 
     points: { 
 
      show: true 
 
     }, 
 
     }, 
 
     legend: { 
 
     show: false 
 
     }, 
 
     yaxis: { 
 
     ticks: 5, 
 
     tickDecimals: 0, 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script> 
 
<div id="placeholder" style="width:600px;height:300px;"></div>

aufgetragen

Ich verfolge - http://jsfiddle.net/JMBucknall/eQ2eb/ Geige

Ich bin nur ein Datenpunkt auf dem Chart immer

Answer 1

Da du mich erwähnst, habe ich beschlossen, zu helfen und die Fehler zu finden. Lassen Sie mich die Weisen zählen:

1. für jQuery den Script-Tag setzen, bevor das von flot.js

2. sowohl einen Skript-Tag für flot.time.js nach ihnen hinzufügen.

3. Sie deklarieren eine Datenquelle, die genau der richtigen Format ist (ein Array von Datenreihen, von denen jede eine Anordnung von Diagrammpunkte, von denen jeder ein Array ist ein x und y-Wert enthält) für $.plot(), dennoch Sie werfen einfach etwas mit dem Namen [contract]. Es sollte $.plot("#placeholder", data, configuration); sein Ich habe keine Ahnung, woher contract kam.

4. Wie bereits erwähnt, hat Ihr Code einige Objekte namens edate und sdate, von denen Sie einige Funktionen aufrufen. Sie sind nirgendwo in diesem Code definiert. Ich habe sie durch deine kommentierten Werte ersetzt.

5. Um diese Grafik, um tatsächlich zu sehen (die Sie als Weiß auf einem Standard-weißen Hintergrund erklärt habe, änderte ich die colors Eigenschaft des Konfigurationsobjekts aus weiß schwarz auf.

und das wäre sei es abgesehen von der Tatsache, dass in diesen Tagen ich so etwas schreiben würde die ticks Array zu setzen:

var ticks = data[0].map(function (point) { return point[0]; });