2016-08-18 21 views
0

シンプルなモーリス線グラフを書いて、特定のタイミングでどれくらいのデータが収集されたかを把握しました。
JSFiddle:https://jsfiddle.net/Lvdn7xLa/2/
Morris js code:モーリス線グラフのX軸の値を変更する

Morris.Line({ 
    element: 'line-example', 
    data: [{ 
    y: '6.30AM', 
    a: 20 
    }, { 
    y: '7.30AM', 
    a: 40 
    }, { 
    y: '8.30AM', 
    a: 60 
    }, { 
    y: '9.30AM', 
    a: 80 
    }, { 
    y: '10.30AM', 
    a: 100 
    }, { 
    y: '11.30AM', 
    a: 120 
    }, { 
    y: '12.30PM', 
    a: 140 
    }], 
    xkey: 'y', 
    ykeys: ['a'], 
    labels: ['Amount collected'] 
}); 

しかしtime値は​​に表示されていません。無関係の年が現れています。私はxkey: ['a'], ykeys: 'y'xkey: 'y', ykeys: ['a']を変更すると、私は時間値が​​で表示させることができますどのように

Thu Jan 01 1970 05:30:00 GMT+0530 (India Standard Time) 
Amount collected: 6.3 

のような奇妙な結果を得ますか?

+0

私はあなたの 'X'の値がドキュメントによると、法的あるとは思いません。しかし、私はモリスの経験がありません。 –

+0

あなたはモリスのグラフで小数を使うことができないのですか? –

+1

私は、Morrisがミリ秒のタイムスタンプ(Date.getTime()によって返される)または次の形式の文字列としてタイムスタンプを探していることを意味します。 '2012'、 ' 2012 Q1'、 –

答えて

1

チャートの設定に

parseTime: false 

を追加します。

この

ではなく 等間隔シリーズとして扱う、X値のための解析時間/日付をスキップします。

そうでなければ、あなたがミリ秒または

日付が含まれている属性(Xの名前を含む文字列を解析することができる有効な日付/時刻文字列のいずれかにあなたの「X」の値を調整する必要があります) 値。タイムスタンプはミリ秒のタイムスタンプ (Date.getTime(によって返される)、または次の形式の文字列としての形で受け入れられている:

  • 2012 Q1
  • 2012 W1
  • 2012から02
  • 2012-02-24
  • 2012-02-24 15時00
  • 2012-02-24午後3時00分○○秒
  • 2012-02-24 15:00:00.000

http://jsbin.com/walekitori/edit?html,js,output

+0

クール、ありがとうございました... –

+0

あなたの問題を解決するなら、これを答えとして受け入れるのですか?そうでなければ、私は喜んで他の何かを助けてくれるでしょう。 –

+1

ええ、私はあなたの答えを受け入れました –

関連する問題