Angularjs中的堆积条形图（Highcharts）答案

【问题标题】：Stacked Bar Chart (High charts) in Angular JSAngularjs中的堆积条形图（Highcharts）
【发布时间】：2015-02-08 15:42:49
【问题描述】：

我是 Angular JS 的新手，我使用高图表来构建饼图和堆叠条形图。现在，我们要切换到 AngularJS。是否可以使用角度和高图表 API 构建堆积条形图。
我需要在角度内部使用 JQuery 来构建高图表吗？这是唯一的方法吗？

【问题讨论】：

当您使用 highchart 时，是否使用 jquery 并不重要。您始终可以将其包装在自己的指令中，或者您可以使用 highchart github.com/pablojim/highcharts-ng 的开源包装器之一
@PSL 我还是 Angular 的新手，但我能够使用自定义指令绘制 High 图表。现在，我希望 High Chart 的数据应该来自 Rest Service，但是我在 Controller 函数中获取这些数据，但是由于它是异步调用，因此数据未定义并且正在调用链接函数，实现的最佳方法是什么这？我应该去同步通话吗？

【解决方案1】：

当你切换到 angularjs 时，最好改变你的 jQuery 习惯并思考“角度方式”，这将伴随着实践。

关于饼图，angularjs 与 D3.js 配合得很好：

所以，回答你的问题：

是否可以使用角图和高图 API 构建堆积条形图

一切皆有可能，但由于 angularjs 和 D3.js 很好地结合在一起，并且都有很好的文档记录，所以最好选择 angularjs + D3。甚至还有一本关于这个主题的书：see this post for more information

angularjs 和 D3 都使用 json 并且与 REST API 配合得很好，因此从服务器实际获取数据应该是轻而易举的事。

【讨论】：

【解决方案2】：

使用 highcharts-ng：https://github.com/pablojim/highcharts-ng

它是在 Angular JS 中使用 Highcharts API 的包装器。

【讨论】：