2012-02-29 28 views
2

私は入力されたデータは次のようになり、時間積み上げ棒グラフを達成しようとしているこんにちは:状態は、他の1が起動完了したときに、開始時刻と終了時刻を見ての通りExtjs 4:時間積み上げ棒グラフ、可能ですか?

{"name":"Folienwechsel", 
"starttime":"02/29/2012 09:50:07", 
"endtime":"02/29/2012 09:50:46", 
"duration":38546.0}, 
{"name":"Pause", 
"starttime":"02/29/2012 09:50:46", 
"endtime":"02/29/2012 09:51:36", 
"duration":49943.0}, 
{"name":"Wartezeiten", 
"starttime":"02/29/2012 09:51:36", 
"endtime":"02/29/2012 10:04:43", 
"duration":787086.0} 

は、継続されています私は、このチュートリアルhttp://aboutfrontend.com/extjs/extjs...-and-timeaxis/に基づいて、時間軸を使って試してきました。そして、また、sencha http://docs.sencha.com/ext-js/4-0/#!...tackedBar.htmlのスタックバーの例も使っています。

timeline

を私はすでにHighChartでこれをやったが、私の会社はExtJSには、私はExtJSのでこれを行うために必要買った人ならば、それは素晴らしいことだ:私は何をしようとしているの画像例可能であれば私に教えてくれるかもしれませんが、もし私が例を挙げて私を導くことができたら、どうすればいいのでしょうか...

ありがとう。

+0

あなたは私がHighchartsでそれを行う方法を教えてくださいもらえますか?私は私の質問[ここ](http://stackoverflow.com/questions/11475957/any-suggestion-on-charting-plugin-for-time-stacked-bar-chart)を投稿しました。どうもありがとう。 – sozhen

+0

または、それをプロットするためにどのような種類のグラフを使用しているのか、入力データ形式は何か教えてください。ありがとうございました! – sozhen

答えて

2

私はExtJs4で時間ベースのチャートを使って作業していましたが、TimeAxisはバグです。私は単純な数字のもので私の時間軸を置き換えなければならなかった。アイデアは簡単です - あなたの日付をタイムスタンプに変換して数値軸に渡します。

スタックバーチャートはあなたにとって最適です。公式煎茶の例から、この例(ビットを変更)を参照してください:

http://jsfiddle.net/UDwz7/

+0

ありがとう、私はそれを行うために私の方法を働いたが、今私はx軸に時間を表示する必要があり、数字、任意の提案をする必要がある問題がありますか? –

+0

いつでもタイムスタンプをdatetimeに変換できます。 http://stackoverflow.com/questions/847185/convert-a-unix-timestamp-to-time-in-javascript –

関連する問題