問題タブ [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.
javascript - 人力車の Series.Toggle にイベントを追加
人力車の凡例のアイテムをクリックしたときに機能を追加したい。標準コードを使用してトグル機能を追加します。これを拡張して、独自の関数を実行します。
ここに独自の関数を追加する方法はありますか? また、Rickshaw.Graph.Behavior.Series.Toggle.js のコードを調べて編集しようとしましたが、凡例の項目をクリックしても何も実行できませんでした。(編集内容が反映されないように、インポートされた js ファイルがキャッシュされている可能性がありますか?)
rickshaw - 人力車で X 軸を 0 ミリ秒から開始し、ミリ秒から秒まで自動的にフォーマットします
人力車を使用して、遺伝的アルゴリズムの進化を経時的にプロットしています。したがって、ストリーミングでチャートをフィードし、0 から始まる x-Axys の時間を確認したいと思います。
現在、次のようなストリーミング結果の動的プッシュを使用しています。
そして、次のように x-Axy を構成しています。
私が達成した結果は、45、02:00、13:00 のように、奇妙な時間を含むタイムラインです。私が必要と
していたのは
進化
のようなものでした
。誰かヒントはありますか?
______________
| | |
0s 1s 2s
________________
| | |
0s 5s 10s
javascript - Node.jsでRickshaw/D3を使用して、サーバー側で生のsvgにアクセスできますか?
NodeでD3と人力車を使おうとしています。このサービスは、時系列グラフを作成してから、imagemagick を実行する子プロセスを使用して生の SVG を png に変換する必要があります。変換を行うには、生の svg 文字列が必要です。 人力車には生の SVG 文字列にアクセスする方法はありますか?
node.js - JSDOM の人力車 CSS/Axes
サーバー側アプリケーションで Node を使用して、グラフを動的に生成しています。d3.js と rickshaw.js を使用してグラフの SVG バージョンを作成し、imagemagick を使用してその SVG を png に変換しています。DOM として JSDOM を使用しています。
このエラーが発生しています: https://github.com/shutterstock/rickshaw/issues/186
ここで与えられた解決策は、css を取り込むことです。JSDOM でこれを行う方法について、スタック オーバーフローに関する回答を見つけました。
スタイルシートを JSDOM にどのようにアドバタイズしますか
したがって、これらの指示に従い、rickshaw.css を取り込みました。DOM をコンソールに出力すると、head の style 要素に表示されます。
私は自分のグラフを次のように設定しています:
それでも、出力 SVG として黒い四角形が表示されます。
何か不足していますか?私は何か間違ったことを考えていますか?どんな助けでも大歓迎です。
area - エリアレンダラー (人力車)
私は人力車のグラフィックスに非常に慣れていません。このグラフがあります
ただし、グラフのデータ値は上下に表示されます。たとえば、3 つの「y」値が 1 の場合、最初の値は 1 に、2 番目の値は 2 に、3 番目の値は 3 に表示されます。
3 つの値が 1 に表示されるようにするには、どのパラメーターを変更する必要があるのか わかりません。
javascript - 人力車の月ベースの X 軸の問題
私は自分のグラフをほぼ完璧に動作させています。PHP 経由でデータを取得し、Rickshaw の JSON データを返していますが、問題の 1 つは、グラフに 12 月を表示できないことです。
年間の結果を表示する必要があります。したがって、12 月のレコードがなくても、0 として表示する必要があります。
私がやっていることの基本的な前提は次のとおりです(実際にはstrtotimeを使用していません)
これから、その月のレコードの量は、その月のレコード配列の長さです。また、その月の正確なタイムスタンプも持っています。
次に、この配列を json_encode すると、人力車シリーズを正しく作成するために繰り返し処理できる JS オブジェクトが得られます。タイムスタンプ キーを x 軸の値として渡し、records.length を y 軸の値として渡します。
これは、12 月を除いて、完全にうまく機能しています。現在のグラフのイメージは次のとおりです。
http://i.imgur.com/bzbELHW.png
私が理解できないのは、隔月が意図したとおりに機能していることです。そのレコード配列の長さが 0 の場合、それは 0 としてプロットされます。何らかの理由で、12 月が取り上げられていません。最初はタイムゾーンの不一致だと思っていましたが、これは実際に各月のタイムスタンプを取得する方法です
そして、このツールhttp://www.epochconverter.com/を使用してすべてのタイムスタンプをチェックすると、それらはすべて正しいようです。参考までに、人力車のセットアップ方法は次のとおりです
どんな助けでも大歓迎です、これは私を困惑させました。
d3.js - 人力車のスムーズな更新遷移
私はその例に近いものに取り組んでおり、描画ごとに適用される遷移関数を指定する方法があるかどうか疑問に思っていました。絶え間ないジャンプで目が痛いので、次のようなものを使用したいと思います:
d3.transition().duration(step).transition("linear")
しかし、それは人力車の内部がそれを許さない直感を持っています。