モリスグラフの年のx軸

私は、x軸との問題を抱えている、私はこれを定義しない場所ではなく、年、日付を表示したいですか？

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'] 
});

出典

2013-09-04 ante1820

これらの日付はどこですか？それとも何年ですか？私は任意のデータ値を見る。もっと情報が必要です。 – CP510

は、最初のarg '1.1'、 '2.1'などが1901,1902 ...で始まり、その日付のデータポイントにドロップされた '2007.1.12'を使用して日付として解釈されます。だから、それはちょうど適切な書式設定が必要なように聞こえる。 – Mikeb

私はあなたのyが正しくフォーマットされているとは思わないが、あなたは、日付の代わりに年を見たい場合は、http://jsfiddle.net/wb6jz/1/

ドキュメントを参照してくださいxLabels: "day"

を追加：http://www.oesmith.co.uk/morris.js/lines.html

出典

2013-09-04 17:44:51 Murtnowski

はい、しかし、私は年、日のない日を表示することができますか？ – ante1820

'xLabelFormat'オプションを調べてください – Murtnowski

まずあなたが修正しますYの日付formate。その後、を追加します。xLabels: "day",

ここに例です

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'] 
});

出典

2015-12-15 09:52:57

答えて

関連する問題