問題タブ [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 に答える
593 参照

javascript - 人力車グラフの目盛りを -90 度回転させる

ダッシュボード プロジェクトの Dashing フレームワークを試しており、rickshaw.js を使用してダッシュボードのグラフを描画しようとしています。ラベルをカスタマイズして、必要なものを正確に表示できるようにしましたが、残念ながら、テキストが積み重なっているようです。ここで見つけたような tickTransformation を使用しようとしましたが、うまくいかないようです。これが私が現在持っているものです(これはjavascriptではなくcoffeescriptであることに注意してください。

最終的には次のようになります。

ここに画像の説明を入力

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

rickshaw - [キリン][人力車]Y軸を正負に動的にスケーリングする方法

Giraffe ( https://github.com/kenhub/giraffe ) を使用して、いくつかのグラファイト メトリックに基づいていくつかのグラフを描画しています。

グラフの 1 つの値は、正にも負にもなります。「最小」と「最大」を使用してグラフの明示的なスケールを設定したくありません。グラフを動的にスケーリングして負の値も表示する方法はありますか?

現在、グラフは正の y 軸で動的にスケーリングされますが、負の y 軸の値は表示されません。

ありがとう!

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

d3.js - xively.feed.history() への複数回の呼び出し

複数のxilyフィードからデータを取得し、人力車でプロットするプロットWebページを構築しようとしています( D3に基づく)。私が抱えている問題は、呼び出し関数の外でサーバーから返されたデータにアクセスできないことです。私はjsが初めてなので、呼び出しの非同期の性質を処理する方法がわかりません。を呼び出してxively.feed.history()履歴データのさまざまなセクションを取得し、それらを 1 つのグラフに連結したいと思います。とにかく、ここに私が試したことに似たものがあります。xivelyチュートリアルに基づいています

私が言ったように、私はJavaScriptが初めてなので、何かが足りないかもしれません。関数のコールバック部分内にグラフを配置すると、グラフは正常にxively.feed.history機能します。関数を複数回呼び出そうとすると、グラフ コードが実行されるまでにデータの準備ができていません。

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

charts - d3.js棒グラフに水平ブレークを適用する方法

人力車 (d3.js に基づく) を使用して積み上げ棒グラフをプロットしています。問題は、通常、最初のバーが他のバーよりもはるかに高く、視覚的なフィードバックが損なわれることです。 比率の悪い棒グラフ

対数目盛を使用することは (私が推測するに) ここではオプションではありません。次の画像のように水平方向の切れ目を導入したかったのです。 水平ブレーク付き棒グラフ

ただし、このようなことを行うための人力車または d3.js のすぐに使える機能は見つかりません。作成方法に関する提案はありますか?

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

javascript - Rickshaw.Graph.Ajax使用時のデータ表示方法

1.) 新しい Rickshaw.Graph.Ajax を使用してデータにアクセスするにはどうすればよいですか? AJAX 経由で呼び出される JSON のサンプル セットを含む、私の完全なコードを以下に示します。

//JSON サンプル

2.) .render() メソッドを使用するタイミングをどのように知る必要がありますか? これが一部のチャートで使用され、他のチャートでは使用されていない例を見てきました。Rickshaw/github のドキュメントを読んで、グラフを描画または再描画するために使用することを説明していますが、この方法を使用せずに他の例が表示されるのを見てきました。

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

javascript - javascript人力車の棒グラフの幅= NaN

非常に基本的なデータのセットを使用して人力車の棒グラフを描画しようとしていますが、何らかの理由でシリーズ配列 (色: 文字列、データ: [{}]、名前: 文字列) を作成すると、次のエラーが発生します:

エラー: 属性 width="NaN" の値が無効です

グラフの棒ごとに作成された要素を見ると、実際に width=NaN になっています。

ありがとう。

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

javascript - デフォルトのプレビュー幅を Rickshaw.Graph.RangeSlider に設定する方法

私は人力車 JS ツールキットを初めて使用します。http://code.shutterstock.com/rickshaw/examples/extensions.htmlにある例で は、時間枠を選択するために使用されるグラフの下部にあるプレビュー バー (Rickshaw.Graph.RangeSlider) は、デフォルトで合計時間です。フレームあり。

RangeSlider の最後の 1 分間と最小プレビュー幅として既定のプレビューをカスタマイズする方法は?

前もって感謝します。

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

d3.js - 人力車の時間軸に今日を含めるにはどうすればよいですか

人力車のドキュメントがある場合は、これを調べます。そうですか?

そこにポイントがなくても、時間軸に現在の日付を含めたいです。私はすでに最後のデータ ポイントを複製することでこれを回避しましたが、そのポイントがホバー ハイライターのポイントとして表示されないことを望みます。おそらく、それは私が別の方法でオーバーライドできるものですか?

ポイントといえば、エリアレンダラーでも描画してもらえるのでしょうか?