Morris graphique année x axe

Question

http://jsfiddle.net/wb6jz/

J'ai un problème avec l'axe x, je veux afficher les dates, pas l'année, où dois-je définir cela?

Morris.Area({ 
    element: 'area-example', 
    data: [ 
    { y: '1.1.', a: 100, b: 90 }, 
    { y: '2.1.', a: 75, b: 65 }, 
    { y: '3.1.', a: 50, b: 40 }, 
    { y: '4.1.', a: 75, b: 65 }, 
    { y: '5.1.', a: 50, b: 40 }, 
    { y: '6.1.', a: 75, b: 65 }, 
    { y: '7.1.', a: 100, b: 90 } 
    ], 
    xkey: 'y', 
    ykeys: ['a', 'b'], 
    labels: ['Series A', 'Series B'] 
}); 

Answer 1

Je ne pense pas que votre y est correctement formaté, mais si vous voulez voir les dates au lieu des années ajouter xLabels: "day"

Voir http://jsfiddle.net/wb6jz/1/

Documentation: http://www.oesmith.co.uk/morris.js/lines.html

Answer 2

D'abord, vous corriger la date formate sur Y. Ensuite, ajoutez xLabels: "day",

ici est l'exemple

Morris.Line({ 
    element: 'line-example', 
    data: [ 
    { y: '2015-01-01', a: 100, b: 90 }, 
    { y: '2015-02-01', a: 75, b: 65 }, 
    { y: '2015-03-01', a: 50, b: 40 }, 
    { y: '2015-04-01', a: 75, b: 65 }, 
    { y: '2015-05-01', a: 50, b: 40 }, 
    { y: '2015-06-01', a: 75, b: 65 }, 
    { y: '2015-07-01', a: 100, b: 90 } 
    ], 
    xkey: 'y', 
    ykeys: ['a', 'b'], 
    xLabels: "day", 
    labels: ['Series A', 'Series B'] 
});