問題タブ [rickshaw]

これは私が持っているコードです:

私のホバーは次のようになります。

2013 年 9 月 23 日 (月) 00:00:00 GMT var 1045.00

そして、私はそれを次のようにしたい: Mon, 23 September 2013 var 1045 *時間なし & 小数点なし.

私は人力車を学び始めたばかりです (以下の肥大化したデモ コードから明らかなように)。ほとんどすべてを希望どおりに実行していますが、ユーザーが凡例をロールオーバーするまで注釈が表示されないという奇妙なバグがあります。

それを修正する方法はありますか？

ありがとう！

グラフィックにはRickShawを使用していますが、グラフィックのX軸にいくつかの注釈を付ける必要があるため、次を使用します。

人力車d3.v2.jsで。

しかし、それはうまくいきません！

素晴らしいrChartsとknitrを使ってウェブページを作りました。マイページは、人力車の時系列チャートとスライダー、データテーブルを組み合わせたものです。データテーブルを追加すると、人力車チャートからすべてのスライダーが消えます。同じリソースへの呼び出しが重複しないように config.yml を変更しようとしましたが、問題は解決しませんでした。どんなアイデアでも大きな助けになります。以下は、knitr を使用して html ページに編成できる再現可能な r-markdown ファイルです。

hereのモデルに従って、Rickshaw javascript ライブラリを使用して、いくつかのグラフィカルな値を表示しています。描画されるデータは、Ajax 呼び出しによって提供されます。次に例を示します。

[{"色":"#65A1CC","データ":[{"x":1383906402000,"y":22.31},{"x":1383906428000,"y":22.38},{"x":1383906452000 ,"y":22.31},{"x":1383906477000,"y":22.38},{"x":1383906502000,"y":22.38},{"x":1383906527000,"y":22.38}, {" x":1383906552000,"y":22.31},{"x":1383906577000,"y":22.31}],"名前":"センサー 1"},{"色":"#CC9065"," data":[{"x":1383906402000,"y":22.38},{"x":1383906427000,"y":22.38},{"x":1383906452000,"y":22.38},{" x":1383906477000,"y":22.38},{"x":1383906502000,"y":22.38},{"x":1383906527000,"y":22.38},{"x":1383906552000,"y":22.38},{"x":1383906577000,"y":22.38}],"名前":"センサー 2"}]

ここで指定された long 値は、Fri Nov 08 13:26:42 FET 2013 から Fri Nov 08 13:29:37 FET 2013 までのデータ時間です。

ただし、結果のグラフにカーソルを合わせると、下の画像のように、さまざまな値の日付が「Sat Apr. 03」のように表示されます。理由がわかりません。javascript でデータを繰り返し処理すると、javascript の Date オブジェクトは 4 月ではなく 11 月の時刻を示します。

コードは次のとおりです。

以下の js ファイルが含まれています。jquery-ui.min.js, d3.v2.js, rickshaw.js, Rickshaw.Class.js, Rickshaw.Compat.ClassList.js, Rickshaw.Graph.js, Rickshaw.Graph.Renderer.js, Rickshaw.Graph.Renderer.Area.js, Rickshaw.Graph.Renderer.Line.js, Rickshaw.Graph.Renderer.Bar.js, Rickshaw.Graph.Renderer.ScatterPlot.js, Rickshaw.Graph.RangeSlider.js, Rickshaw.Graph.HoverDetail.js, Rickshaw.Graph.Annotate.js, Rickshaw.Graph.Legend.js, Rickshaw.Graph.Axis.Time.js, Rickshaw.Graph.Behavior.Series.Toggle.js, Rickshaw.Graph.Behavior.Series.Order.js, Rickshaw.Graph.Behavior.Series.Highlight.js, Rickshaw.Graph.Smoother.js, Rickshaw.Graph.Unstacker.js, Rickshaw.Fixtures.Time.js, Rickshaw.Fixtures.Time.Local.js, Rickshaw.Fixtures.Number.js, Rickshaw.Fixtures.RandomData.js, Rickshaw.Fixtures.Color.js, Rickshaw.Color.Palette.js, Rickshaw.Graph.Axis.Y.js

4 月ではなく 11 月を取得するにはどうすればよいですか?

ありがとう。

私はプロトタイピング中のアプリケーション用に小さな D3 の例を開発しました。その中で x 軸は時間スケールで定義されています。人力車で時系列グラフを作成するための互換性のある機能を探していますが、人力車の x 軸に時間スケールを配置する互換性のある方法が見つかりません。

おそらく D3 を呼び出すことができますが、指定された人力車の実装でそれがどのように達成されるかはわかりません。

すべての助けに感謝します。

ありがとう。

レ

すばらしい JS グラフ作成ライブラリ Rickshaw をプロジェクトに統合しようとしています。人力車はここにあります: http://code.shutterstock.com/rickshaw/

グラフ化したいデータは単純な配列です。

配列内の各要素のインデックスを x 座標として使用し、要素自体を y 座標として使用したいと思います。Richshaw がその魔法を実行できるように、これを次のような形式にフォーマットする必要があります。

私はさまざまな方法を試しましたが、最も近いのは、次のようにハッシュを内部に含む引用符の配列を生成することです。

戻り値:

したがって、私の質問は、上記の引用符を削除してハッシュの配列だけを取得するにはどうすればよいか、または間違った方向に進んでいる場合は、配列をフォーマットして人力車に表示できるようにするにはどうすればよいですか? ここでは Ruby を使用したいと思いますが、JavaScript での作業も同様に優れています。

ありがとう。

今のところ、ダミーデータに基づいてリアルタイムグラフを書き込もうとしています。私の問題は、グラフの解像度が大きすぎることです。私timeUnitは 1 時間ですが、同じグラフで今すぐ見る必要のない 16 時間の範囲を取得します。たとえば、グラフは 00:00 に開始し、16:00 に終了します。00:00、00:05、00:10、00:15 などのような解像度にしたいと思います (5 分ごとにチェックしてください)。で作業しようとしましたtimeunit=minuteが、同じ範囲が得られ、より多くのポイントに分割されています。

これはx軸の私のコードです:

Rickshaw.Graph.HoverDetailグラフの上にマウスを移動すると、グラフに値を表示するために使用しています。

MouseEventここで、グラフがロードされたとき (グラフに対して aが起動される前) に、グラフの初期値 (HoverDetail スタイル) を表示したいと思います。

何か案は？

http://www.r-bloggers.com/rickshaw-d3-js-from-r-with-rcharts/ (R で人力車を操作)に似たものを作ろうとしています。tooltip/hoverDetail を管理することはできますか? たとえば、マウスオーバーの時点で2つのシリーズの値の差を取得したいですか?