Liniendiagramm mit Int als X-Achse, nicht Datum

Question

Ich möchte ein Diagramm anzeigen, das Ganzzahlen auf der X-Achse anstelle von Daten zeigt.

Hier ist eine Geige des Beispiels:

http://jsfiddle.net/cs3vigny/srmqcfjh/

new Morris.Line({ 
    element: 'film-compare-chart', 
    data: [ 
     { week: 0, a: 2, b: 4, c: 5, d: 3, e: 3 }, 
     { week: 1, a: 2, b: 3, c: 6, d: 3, e: 3 }, 
     { week: 2, a: 3, b: 5, c: 4, d: 2, e: 2 }, 
     { week: 3, a: 3, b: 6, c: 6, d: 3, e: 4 }, 
     { week: 4, a: 4, b: 4, c: 5, d: 4, e: 2 }, 
     { week: 5, a: 4, b: 6, c: 6, d: 3, e: 2 }, 
     { week: 6, a: 4, b: 7, c: 8, d: 5, e: 2 }, 
     { week: 7, a: 3, b: 5, c: 6, d: 5, e: 4 }, 
     { week: 8, a: 4, b: 8, c: 6, d: 4, e: 3 }, 
     { week: 9, a: 6, b: 10, c: 8, d: 7, e: 5 }, 
     { week: 10, a: 5, b: 12, c: 13, d: 7, e: 4 }, 
     { week: 11, a: 6, b: 10, c: 10, d: 7, e: 4 }, 
     { week: 12, a: 9, b: 10, c: 10, d: 10, e: 6 }, 
     { week: 13, a: 11, b: 15, c: 16, d: 12, e: 9 }, 
     { week: 14, a: 14, b: 15, c: 14, d: 13, e: 10 }, 
     { week: 15, a: 14, b: 20, c: 17, d: 15, e: 11 }, 
     { week: 16, a: 18, b: 26, c: 22, d: 16, e: 15 }, 
     { week: 17, a: 19, b: 22, c: 22, d: 18, e: 13 }, 
     { week: 18, a: 19, b: 21, c: 25, d: 20, e: 16 }, 
     { week: 19, a: 26, b: 26, c: 33, d: 24, e: 21 }, 
     { week: 20, a: 26, b: 26, c: 31, d: 24, e: 21 }, 
     { week: 21, a: 24, b: 28, c: 41, d: 26, e: 22 }, 
     { week: 22, a: 33, b: 32, c: 40, d: 29, e: 28 }, 
     { week: 23, a: 34, b: 37, c: 51, d: 34, e: 32 } 
    ], 
    xkey: 'week', 
    ykeys: ['a','b','c','d','e'], 
    labels: ['Cinderella (2015)', 'Maleficent', 'Oz: The Great and Powerful', 'Divergent', 'Big Hero 6'] 
}); 

Does Morris.js nur Anzeigedaten auf der x-Achse, egal was oder das geändert werden kann?

Answer 1

Versuchen Sie, den Optionsparameter parseTime:false hinzuzufügen.

Answer 2

Wenn in Morrishart 'parseTime' auf false gesetzt ist, wird die Zeit/Datum-Analyse für X-Werte übersprungen, andernfalls behandelt es sie als gleich beabstandete Reihe; der Standardwert ist parseTime: true..das ist verwirrend ..so könnten Sie bitte die unten stehende Codezeile

parseTime einfügen: false

Beispielcode wie wie folgt,

new Morris.Area({ 
      ------ 
      parseTime:false, 
      ------ 
}); 

Hoffe, es funktioniert gut :-)