問題タブ [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 - JavaScript で時間に関するグラフ線を再生する
私は素晴らしい人力車の図書館を発見しています!
私ができるかどうかわからないことが1つあります。グラフの線を「再生」したいと思います。
つまり、ボタンをクリックすると、垂直線 (現在の時刻を表す) のようになりたいと思いますが、それはまっすぐになり、線の左側の部分は右側の部分とは異なる色 (過去を表します) になります (未来を表す)。
人力車を使って、このようなもの (時間について「遊ぶ」ことができるグラフ) を構築することは可能ですか?
そうでない場合、それを可能にするJavaScriptライブラリを知っていますか?
svg - D3 /人力車を使用して時系列グラフの離散点をマークする方法は?
人力車を使用して、ライブ更新の時系列グラフを作成しています。
ここにデモがあります: http://abhshkdz.github.io/icuvisualanalytics/prototypes/rickshaw.html
データは csv 形式 (時間、値) であり、これは視覚化のためのコア JavaScript です。
現在、アルゴリズムによって生成された別のデータセットがあります。そのデータも csv 形式 (時刻、値) です。基本的に、このプロットのピークを見つけます。そのデータを使用して、このビジュアライゼーション自体にそれらのポイントをマークしたいと思います。
私が見た限りでは、Rickshaw は異なるレンダラーを使用する複数のシリーズをネイティブにサポートしていません (両方が線である必要があるか、両方が散布図である必要があります)。
では、これについてどうすればよいですか?
javascript - d3 の時間間隔ごとにログ ファイル データをグループ化する
グラフ化したいログ ファイル データがいくつかあります。1 つのログ ファイルの場合、イベントが発生するたびに 1 行がログ ファイルに追加されます。データが次のようになるように取得できます。
ここで、このデータを時系列で表示して、時間の経過とともに発生したクリック数を確認したいと思います。ただし、このデータを間隔 (1 分または 15 分、1 日など) でグループ化して、一定期間に何人の人がクリックしているかを確認する必要があると思います。次に、間隔データをグラフ化します。
時間間隔でデータをグループ化する方法はありますか? d3にはこれを行う方法がありますか? 人力車とコーヒースクリプトも使用しています。
javascript - 特定の形式の値を配列にプッシュする
次の形式の値を持つ配列を動的に作成したい
データ全体を動的に配列に格納したい。これらの値はjsonデータから取得しています。そして、配列をこの形式にしたい。どうすれば作成できますか?
私はこれを試しました:
...しかし、私が望む結果は得られませんでした。
r - R: rCharts と Shiny: 人力車のプロットは表示されません
ggplot2 を使用して光沢のあるダウンの基本を取得することを楽しんだ後、rCharts を試しています。ただし、人力車グラフを表示できません。どんな助けでも大歓迎です。ゆっくりしてください - 私はこれに慣れてきたところです ;)
jquery - マウスホバーのツールチップがコンテナ内に隠れる
d3 と rickshaw.js を使用しています。とまったく同じグラフを作成しました。問題は、幅 450px、高さ 400px のコンテナー内に完全なグラフをラップしたことです。また、ホバー効果も追加しました。
今私が直面している問題は、マウスを最後のグラフ座標に合わせると、ホバー ツールのヒントがコンテナー内に隠され、表示されないか部分的に表示されることです。CSS で z-index を使用したこともあります。しかし、うまくいかないようです。
アイデアや提案をいただければ幸いです。前もって感謝します。
javascript - 空の人力車チャートへのデータの追加
RickshawJS でさまざまなデータをグラフ化しています。しかし、ユーザーが#searchボタンをクリックしたときにグラフを更新する方法が必要です。現在、古いチャートの下に新しいチャートを作成するだけで、かなり面倒です。
ユーザーはページに入り、いくつかの詳細を入力し、ボタンをクリックしてチャートを作成します。理想的には、表示されていない空のチャートから始めたいのですが、チャートと軸からデータを削除してから更新する方法が本当にわかりません。
$('#chart svg').remove();チャートと軸を呼び出すことはできましたが、面倒です。
php - アレイに必要なテンプレートを取得できません
[0] [など] を削除したいのですが、.php で取得したので、それらを個別に使用し、RickShaw ライブラリを使用してグラフを作成できます。
これは現在、私が取得するJSONコードです:
[0] から [3] は別の行です
ライブラリ Rickshaw は、私が必要としているものにとって最も簡単なようです。次のようなシリーズを挿入できます:複数のチャート シリーズ。誰か教えてくれませんか/データを変更する方法を教えてもらえますか?
このテンプレートを取得したいと思います (上記のリンクに表示されているように) :
これは私の実際の .php です:
本当にありがとうございました。マチュー