問題タブ [rickshaw]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
212 参照

css - 散布図の上にラベルを追加するには?

人力車ライブラリを使用してグラフを開発しています。d3.js で行われたこの例のように、バブルの上にラベルを付けて散布図の外側にラベルを作成するオプションはありますか? これが jsFiddle での私の試みです

0 投票する
1 に答える
592 参照

d3.js - 折れ線グラフと人力車を使った遷移

人力車の素敵なチャート作成フレームワークを使用して、折れ線グラフに遷移を追加しようとしています。私はd3を初めて使用しますが、Rickshaw.Graph.Rendererのrender関数内で直線を追加してからグラフデータに遷移する必要があるようです

私の質問は、私の折れ線グラフにアニメーションを追加するのに役立つものはありますか?おそらく平らな線から移行するか、左から右に線を引くのに役立ちます.

生の d3 の例を見たことがありますが、人力車を適応させるのは難しいようです。

0 投票する
2 に答える
9912 参照

javascript - 人力車グラフのライブ更新

次のように、人力車を使用して、ランダムなデータでライブ更新を示す素敵なプレースホルダー グラフを作成しようとしています。

コメントアウトされた部分を除いて、これは機能します。そのまま、データを追加し続けます。つまり、グラフはますます混雑します。同じ数のデータポイントでグラフを維持するために、最後に新しい項目を追加するたびに最初の項目を削除できるようにしたいのですが、そのコードを入れるとすぐにグラフが表示されなくなりますconsole.log配列がまだデータでいっぱいであることを示していても、任意のデータを表示します。

一度に一定数のデータポイントのみを表示するようにするにはどうすればよいですか?

0 投票する
1 に答える
162 参照

javascript - マウスのホバー領域を縮小するオプション

私はd3に取り組んでいます。私が直面している問題は、グラフ内にマウスポインターを置くとすぐにホバーの詳細が表示されることです。しかし、問題は、マウスポインターがデータポイントまたはグラフポイントの上にある場合にのみ、ホバーの詳細を表示する必要があるということです。私が取り組んでいるグラフはhttp://code.shutterstock.com/rickshaw/examples/lines.htmlです。マウスのホバー領域のサイズを縮小するために、任意の助けをいただければ幸いです。

0 投票する
0 に答える
64 参照

javascript - ツールチップがコンテナに隠れる

私はd3ライブラリと人力車で働いています。私のグラフには、グラフバーにカーソルを合わせたときに表示されるツールチップがあります。問題は、最後のバーがホバーされているときにコンテナに隠されていることです。コンテナに隠されています。部分的なツール ヒントのみが表示されます。それを修正する方法はありますか、それとも CSS に変更を加える必要がありますか。ここに私のコードがあります:

私がやろうとしているグラフは、このhttp://code.shutterstock.com/rickshaw/examples/lines.htmlのようなものです。しかし、これをコンテナの中に入れているので、最後のツールチップがコンテナの中に隠れています。

0 投票する
0 に答える
332 参照

jquery - 人力車ストリーム チャートの垂直方向のずれ

Rickshaw Stream チャート (offset:wiggleモードのエリア チャート) は、大きなデータセットでは見栄えがよくなりますが、小さなデータセットでは中心の横軸から大きく外れてしまう傾向があります。これがなぜなのか、またはそれを防ぐ方法はありますか?

例:

スクリーンショット

デモ: http://jsfiddle.net/xDZZJ/

0 投票する
2 に答える
349 参照

javascript - D3 のフィルタリング オプション

名前を使用してデータをフィルタリングする必要がある D3(Rickshaw フレームワーク) に取り組んでいます。

これは、人力車が円を作成するために使用するコードです。

次のようにデータをフィルタリングしようとしました

//series.name は d3.js の d.name と同じなので、series[0] が最初の座標名です。動作していません。クラスにクラスを追加する必要がありますか? 私はこれで明確ではありません。名前に従ってデータをフィルタリングするには、ここで何をすべきですか?

0 投票する
0 に答える
55 参照

javascript - ドロップダウン ボタンがクリックされたときにグラフ領域を縮小する任意のオプション

私はd3とrickshaw.jsを使用しています。グラフと凡例を単一のコンテナーに作成しました。凡例のドロップダウンをクリックすると、下にスライドします。ドロップダウンがスライドダウンしたときにグラフ領域を縮小しようとしています。ドロップダウンが上にスライドするときと同様に、グラフは元の構造を回復する必要があります。ヘルプや提案があります。例を試してみたので、いじりました。動作していないようです。http://jsfiddle.net/YrhF3/1/ . 前もって感謝します

これが私のいじられたコードです:

0 投票する
1 に答える
921 参照

javascript - Rickshaw / D3でx軸の最小/最大を設定するにはどうすればよいですか?

「今日」の時間ベースのデータの線形グラフを表示したいと考えています。正午には、シリーズにそれ以上のデータが含まれていないため、グラフの半分だけが取り込まれます。人力車に既存のデータの時間枠だけでなく、完全なチャートを表示させるにはどうすればよいですか?

0 投票する
2 に答える
4341 参照

jquery - Svg:rectの前後にスペースを追加する - d3.js

特定の条件を満たしたときに棒グラフに Extra svg:rect を追加しています。動作し、線が表示されます。しかし、バーのすぐ隣に表示されます。そのため、余分な Rect の前後にスペースが必要です。

このコードは機能していません。padding-right を追加しました。また、別の css ファイルで xLine クラスに同じ機能を追加しました。しかし、まだ機能していません。ここで何をすべきですか?

ここに私が追加しているExtra Rectのコードがあります