0

我正在尝试从此处的示例https://google-developers.appspot.com/chart/interactive/docs/quick_start in angularjs 制作此 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

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

于 2012-08-12T04:42:28.700 回答
0

这是一个可以完成这项工作的 plunker,以防万一有人需要这样做。

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

于 2012-08-15T20:47:46.963 回答