0

angularjs の例https://google-developers.appspot.com/chart/interactive/docs/quick_startの例からこの gviz 円グラフを作成しようとしています。

どのようなサービスを作成する必要がありますか?

上記のコード例では、

  1. gviz ライブラリをロードするための Google ajax ライブラリ
  2. gviz データテーブル。
  3. gviz 円グラフ
  4. document.getElementById

を除いて、これらのそれぞれに対して独自のサービスを作成する必要があるようです $document。これは本当ですか？それは非常に多くのボイラー プレートのように思えます =/ (副次的な質問ですが、なぜこれらをサービスとしてラッピングするのが良いのでしょうか?)

誰かが dataTable サービスがどのように見えるかを突き刺すことができますか? google.visualization.DataTable()この行を「翻訳」するためにアクセスする方法が本当にわかりません。

var data = new google.visualization.DataTable();
4

2 に答える 2

2

詳しく見てみる必要がありますが、1 つのディレクティブを作成する必要があると思います。クールなチャートパッケージのようです。コンポーネントをディレクティブにラップするアイデアが必要な場合は、github の angularjs wiki ページ (バージョン 1.0.0 のもの) を参照してください。次に、再利用可能な角度コンポーネントをラップして作成する、私が関与している分派グループangular-uiがあります。 .

于 2012-08-12T04:42:28.700 に答える
0

誰かがこれを行う必要がある場合に備えて、これを機能させるプランカーを次に示します。

http://plunker.no.de/edit/VB4tDV

于 2012-08-15T20:47:46.963 に答える