問題タブ [htmlwidgets]

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 投票する
4 に答える
5982 参照

javascript - R networkD3 パッケージ: simpleNetwork() でのノードの色分け

networkD3パッケージ (こことここを参照)を使用すると、ユーザーは単純なインタラクティブ ネットワークを作成できます。

srcベクター内のすべての要素を別の色にすることを許可しながら、ベクター内のすべての要素を特定の色にすることを指定する方法はありますtargetか? これにより、ネットワーク内のノードとsrcノードを視覚的に区別できます。target

この機能は現在サポートされていないようですsimpleNetwork()(しかし、誰かが自作スクリプトで私を助けてくれることを願っています):

ここに画像の説明を入力

同様の、しかし関連のない質問がここで尋ねられました

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

javascript - Rのhtmlwidgetsに図が出力されない

と を使用しhtmlwidgetて棒グラフを作成する単純なものを作成しようとしています。コードを使用して gitHub をセットアップし、必要なコマンドを含むマークダウン ファイルをまとめて、ウィジェットの作成時にワークフローを再作成しました。構文エラーなのか、プロセス全体の問題なのかよくわかりません。D3R

コードは実行されますが、RStudio のビューアーで出力イメージが生成されないためです。D3おそらく、 、htmlwidgetsJavaScriptおよびの経験がある人が、これのR何が問題なのかを理解するのを手伝ってくれることを願っています. どんな洞察も常に大歓迎です。

ありがとう、ネイサン

リンク: https://github.com/ngfrey/d3BarGraph

更新:私は...

    1. GitHub から HTMLWidgets の最新バージョンをインストールしました
      1. D3 ライブラリが実際の JavaScript ドキュメントではない問題を修正しました。大漁適時ポートフォリオ
      2. このプロジェクトを最小の例として作成しようとしましたが、d3BarGraph JavaScript ファイルをさらに最小化する方法がわかりません。
      3. timelyportfolio のおかげで、問題は d3BarGraph.js ファイル内にあると思います。
      4. 具体的には、データをインスタンスにバインドする方法です。HTMLWidgets.widget() 関数の renderValue セクション内。
      5. RStudio の Viewer パネルを右クリックしても、要素を検査するオプションが表示されません。これは何も返されていないということですか?
      6. 以下に疑わしいコードを投稿しました。
      7. 繰り返しますが、時間を割いて助けてくれた皆さんに感謝します

これが私のコードの HTMLWidgets.widget 部分です。

GitHub プロジェクトも更新しました。人々のコメントを聞きたいです。ベスト、NF

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

r - htmlwidget がコンテナ要素から高さを受け取っていない

私のパッケージでは、ここでdndTree実装されているように、htmlwidgets を使用してドラッグ アンド ドロップの対角ツリーをレンダリングします。元のコードを 1 つの大きな関数に変更しました。ここで、は JSON (から作成) であり、は HTMLWidgets から渡された要素です。makeTree(treeData,el)treeDatajsonliteel

オンラインで見た例では、d3 ブロックのサイズを設定する方法は次のとおりです。

この方法は、RStudio ビューアでグラフを作成し、ブラウザにポップアウトする場合でも問題なく機能しました。ただし、付属のShinyフックを使用すると、el.getBoundingClientRect().height0が返されました(aで確認しましたconsole.log(height);)。光沢のあるフックを使用して幅は適切に応答しましたが、入力に応答する高さを取得するために何もできませんでした。

私はそれをさらに一歩戻しdndTree.js、初期化ステップのファイルにコンソールログを含めました:

これも高さの 0 を返しました。

最終的に、ツリーを作成する関数に別の引数を追加しました。fHeightこれは、外接する四角形が高さ 0 を報告する場合、高さを に設定しfHeightます。ただし、これは適切な解決策ではありません。これは、高さコントローラーが 2 つあるように見えますが、機能するのは 1 つだけであり、ピクセル数を数値として指定する場合にのみ機能するためです。

elデフォルトの光沢のあるフックを使用すると、要素の高さが 0 になるのはなぜですか?

htmlwidgets を使用するのはこれが初めての試みであり、正直に言うと、d3 をゼロから作成したことはありません。私は実用的な例を取り、それを使用可能なウィジェットにしようとしています。私のパッケージ コードは github ( https://github.com/bmewing/df2hjson ) にありますが、うまくいけば、ここにある関連するナゲットが私の間違いを特定するのに十分です。

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

r - R や LeafletR の htmlwidgets にカスタム css を含めることは可能ですか?

リーフレット マップのスタイルを変更したいと考えています。

含めることは可能ですか

  • スタイル要素または
  • css ファイルへのカスタム パス

RまたはLeafletRのhtmlwidgetsを介して?

一番

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

r - networkD3 の sankeyNetwork でグループに色を付ける方法は?

ノードは名前とグループで構成されていますが、サンキー ダイアグラムでグループに個別の色を実装できないようです。色は、デフォルトですべて青、または以下のコードを使用してすべて黒のいずれかです。

私が使用するコードは次のとおりです。

これが私が得ている出力です: ここに画像の説明を入力

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

html - htmlwidgetsをhtmlに並べて表示しますか?

2 つの htmlwidget があるとします。

そして、それらを html ページに並べて配置したいと考えています。これどうやってするの?iframe を使用できますか? 他の?