問題タブ [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.
javascript - R networkD3 パッケージ: simpleNetwork() でのノードの色分け
networkD3
パッケージ (こことここを参照)を使用すると、ユーザーは単純なインタラクティブ ネットワークを作成できます。
src
ベクター内のすべての要素を別の色にすることを許可しながら、ベクター内のすべての要素を特定の色にすることを指定する方法はありますtarget
か? これにより、ネットワーク内のノードとsrc
ノードを視覚的に区別できます。target
この機能は現在サポートされていないようですsimpleNetwork()
(しかし、誰かが自作スクリプトで私を助けてくれることを願っています):
同様の、しかし関連のない質問がここで尋ねられました。
javascript - Rのhtmlwidgetsに図が出力されない
と を使用しhtmlwidget
て棒グラフを作成する単純なものを作成しようとしています。コードを使用して gitHub をセットアップし、必要なコマンドを含むマークダウン ファイルをまとめて、ウィジェットの作成時にワークフローを再作成しました。構文エラーなのか、プロセス全体の問題なのかよくわかりません。D3
R
コードは実行されますが、RStudio のビューアーで出力イメージが生成されないためです。D3
おそらく、 、htmlwidgets
、JavaScript
およびの経験がある人が、これのR
何が問題なのかを理解するのを手伝ってくれることを願っています. どんな洞察も常に大歓迎です。
ありがとう、ネイサン
リンク: https://github.com/ngfrey/d3BarGraph
更新:私は...
- GitHub から HTMLWidgets の最新バージョンをインストールしました
- D3 ライブラリが実際の JavaScript ドキュメントではない問題を修正しました。大漁適時ポートフォリオ
- このプロジェクトを最小の例として作成しようとしましたが、d3BarGraph JavaScript ファイルをさらに最小化する方法がわかりません。
- timelyportfolio のおかげで、問題は d3BarGraph.js ファイル内にあると思います。
- 具体的には、データをインスタンスにバインドする方法です。HTMLWidgets.widget() 関数の renderValue セクション内。
- RStudio の Viewer パネルを右クリックしても、要素を検査するオプションが表示されません。これは何も返されていないということですか?
- 以下に疑わしいコードを投稿しました。
- 繰り返しますが、時間を割いて助けてくれた皆さんに感謝します
- GitHub から HTMLWidgets の最新バージョンをインストールしました
これが私のコードの HTMLWidgets.widget 部分です。
GitHub プロジェクトも更新しました。人々のコメントを聞きたいです。ベスト、NF
r - htmlwidget がコンテナ要素から高さを受け取っていない
私のパッケージでは、ここでdndTree
実装されているように、htmlwidgets を使用してドラッグ アンド ドロップの対角ツリーをレンダリングします。元のコードを 1 つの大きな関数に変更しました。ここで、は JSON (から作成) であり、は HTMLWidgets から渡された要素です。makeTree(treeData,el)
treeData
jsonlite
el
オンラインで見た例では、d3 ブロックのサイズを設定する方法は次のとおりです。
この方法は、RStudio ビューアでグラフを作成し、ブラウザにポップアウトする場合でも問題なく機能しました。ただし、付属のShinyフックを使用すると、el.getBoundingClientRect().height
0が返されました(aで確認しましたconsole.log(height);
)。光沢のあるフックを使用して幅は適切に応答しましたが、入力に応答する高さを取得するために何もできませんでした。
私はそれをさらに一歩戻しdndTree.js
、初期化ステップのファイルにコンソールログを含めました:
これも高さの 0 を返しました。
最終的に、ツリーを作成する関数に別の引数を追加しました。fHeight
これは、外接する四角形が高さ 0 を報告する場合、高さを に設定しfHeight
ます。ただし、これは適切な解決策ではありません。これは、高さコントローラーが 2 つあるように見えますが、機能するのは 1 つだけであり、ピクセル数を数値として指定する場合にのみ機能するためです。
el
デフォルトの光沢のあるフックを使用すると、要素の高さが 0 になるのはなぜですか?
htmlwidgets を使用するのはこれが初めての試みであり、正直に言うと、d3 をゼロから作成したことはありません。私は実用的な例を取り、それを使用可能なウィジェットにしようとしています。私のパッケージ コードは github ( https://github.com/bmewing/df2hjson ) にありますが、うまくいけば、ここにある関連するナゲットが私の間違いを特定するのに十分です。
r - R や LeafletR の htmlwidgets にカスタム css を含めることは可能ですか?
リーフレット マップのスタイルを変更したいと考えています。
含めることは可能ですか
- スタイル要素または
- css ファイルへのカスタム パス
RまたはLeafletRのhtmlwidgetsを介して?
一番
html - htmlwidgetsをhtmlに並べて表示しますか?
2 つの htmlwidget があるとします。
と
そして、それらを html ページに並べて配置したいと考えています。これどうやってするの?iframe を使用できますか? 他の?