検索

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

angular.js - 如何将d3(js库)与angular同使用?

我想用angular封装一个指令,将d3.js画图的功能写进去。
首先我仿照网上的例子,将d3.js用factory包了起来,js文件命名为d3.js

然后我在 directive.js文件中把d3.js绘制柱状图封装:

之后在页面中引用了指令

最后再app.js中注入了依赖如图:

现在有些报错如下:

请教如何解决这个问题呢。哪里出了问题?angular新手,请大家在各方面指教。。

黄舟黄舟2745日前572

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

  • 大家讲道理

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

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

    リーリー

    直接使用

    リーリー

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

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

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

    返事
    0
  • 黄舟

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

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

    返事
    0
  • キャンセル返事