文章/答案/技术大牛

发布

社区首页 >问答首页 >饼图不能使用AngularJS和nvd3处理Json数据

问饼图不能使用AngularJS和nvd3处理Json数据
EN

Stack Overflow用户

提问于 2014-09-29 22:36:46

回答 1查看 1.2K关注 0票数 0

有问题，

我想使用API中的动态数据来显示饼图，但是它根本不起作用。就像我有一个硬编码的数据一样，它工作得很好。

我创造了一个柱塞

 <nvd3-pie-chart
        data="exampleDataPieChart"
        id="toolTipExample2"
        x="xFunction()"
        y="yFunction()"
        width="150"
        tooltips="true">
    </nvd3-pie-chart>

http://plnkr.co/edit/Ve9X22X7RAuRGpA74tiB?p=preview

我正在使用github API，并希望为用户存储库中使用的语言绘制饼图。

请看一看，让我知道我做错了什么

谢谢

nvd3.js

javascript

json

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-29 23:13:35

普朗克

两件事: JSON格式与exampleDataPieChart不匹配，AngularJS也不知道什么时候在内部运行$scope.$apply()。

Fix #1:匹配格式

var exampleDataPieChart = [{"key":"One","y":5},{"key":"Two","y":2},{"key":"Seven","y":9}]

与

var collectedData = [{"key":["JavaScript","CSS"],"y":[142531,205009]}]

修正2:让AngularJS知道您已经通过创建一个本地var data来更新数据，然后一旦它‘就绪了，通过运行$scope.collectedData = data触发$scope.$apply()。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26110014

复制

相似问题

问饼图不能使用AngularJS和nvd3处理Json数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问饼图不能使用AngularJS和nvd3处理Json数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问饼图不能使用AngularJS和nvd3处理Json数据
EN