2

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

コードは実行されますが、RStudio のビューアーで出力イメージが生成されないためです。D3おそらく、 、htmlwidgets、JavaScriptおよびの経験がある人が、これの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 部分です。

HTMLWidgets.widget({

  name: 'd3BarGraph',

  type: 'output',

  //renderOnNullValue: true,

  initialize: function(el, width, height) {

    var svg =  d3.select(el).append("svg");
    svg
    .attr("width", width)
    .attr("height", height);

    //create barD3 instance

    return barD3().width(width).height(height).svg(svg); //passing the svg obj & options to the barD3 function.

  },
    resize: function(el, width, height, instance) {

    //var svg = instance.svg;
    var svg = d3.select(el).select("svg");
    svg
    .attr('width', width)
    .attr('height', height);

    instance.width(width).height(height).svg(svg).resize();
  },

  renderValue: function(el, params, instance) {
   // instance.lastValue = params;

    var data = HTMLWidgets.dataframeToD3(params.data);

   instance=instance.svg(svg).data(data);

   //var data = [8,16,10,18,19,4,12,18,12,11,19,11,15,13,5];

   d3.select(el)
    .call(instance);

   //Time for the barD3 function
   return barD3().width(width).height(height).svg(svg);
  }



});

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

4

1 に答える 1

1

この問題を解決できました。作業バージョンを GitHub に投稿しました。私にとって最大の助けとなったのは、プロジェクトから離れる時間でした。また、jcheng5 の泡の例から、「ボイラー プレート」タイプのコードをさらに使用しました。コードについてはWorking_Projectリンクを参照してください。

繰り返しますが、あなたの考えを共有し、助けてくれたすべての人に感謝します. ベスト、NF

于 2016-03-18T18:47:17.907 に答える