使用AngularJS制作一个gviz图表

时间:2012-07-01 17:59:14

标签: javascript angularjs google-visualization

我正在尝试从这个例子中制作这个gviz饼图 angularjs中的示例https://google-developers.appspot.com/chart/interactive/docs/quick_start

我需要写什么服务?

上面的示例代码使用

  1. 用于加载gviz库的google ajax库
  2. gviz dataTable。
  3. 一个gviz饼图
  4. document.getElementById
  5. 似乎我需要为每个人编写自己的服务,除了 $document。这是真的?这似乎是一个非常多的锅炉板= /(侧面问题,为什么将这些作为服务包装好东西?)

    有人可以尝试一下dataTable服务的样子吗?我 我真的不确定如何访问google.visualization.DataTable()来'翻译'这一行。

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

2 个答案:

答案 0 :(得分:2)

我必须仔细看看,但我会说你想创建一个指令。它看起来很酷的图表包。如果你想在指令中包装组件的一些想法,请查看github上的angularjs wiki页面(版本1.0.0),然后有一个我参与的分支组angular-ui,它包装并创建一些可重用的角度分量。

答案 1 :(得分:0)

如果有人需要这样做,这是一个让这项工作成功的人。

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