検索

ホームページ  >  に質問  >  本文

angular.js - angular で d3 (js ライブラリ) を使用する方法は?

angular を使用してコマンドをカプセル化し、そこに d3.js 描画関数を書き込みたいと考えています。
まず、インターネット上の例に従って、d3.js をファクトリーでラップし、js ファイルの名前を d3.js

にしました。

次に、d3.js 描画ヒストグラムを directive.js ファイルにパッケージ化しました。

は、ページ内でディレクティブ

を引用します。

最後に、以下に示すように、依存関係が app.js に挿入されます。

いくつかのエラーは次のように報告されます:

この問題の解決方法を教えてください。何が間違っていたのでしょうか?私はAngularの初心者なので、さまざまな面でアドバイスをお願いします。 。

黄舟黄舟2797日前594

全員に返信(2)返信します

  • 大家讲道理

    大家讲道理2017-05-15 17:03:40

    コードの構成を見るとモジュール管理が使われていないように見えるので、最初にd3を導入して直接使用してください。d3を1つのレイヤーでカバーする必要はなく、将来的には不便です。アップグレード

    リーリー

    直接使用

    リーリー

    可能であれば、描画ロジックをビジネスから分離し、

    などの別のモジュールを抽出することをお勧めします。 リーリー

    将来素晴らしいフォトギャラリーを投稿してくれるかもしれません

    返事
    0
  • 黄舟

    黄舟2017-05-15 17:03:40

    既存のホイールを使用したい場合は、angular-nvd3 を検討することをお勧めします。例もあります
    自分で試してみたい場合は、「AngularJS と D3.js を使用したチャート ディレクティブの作成」を参照することをお勧めします (壁を回避する必要がある場合があります...)

    返事
    0
  • キャンセル返事