javascript - d3.csv 饼图示例

标签 javascript d3.js

从我将 d3.csv 应用到

时阅读文档
age,population
<5,2704659
5-13,4499890
14-17,2159981
18-24,3853788
25-44,14106543
45-64,8819342
≥65,612463

我相信我应该得到

data = 
  [
    {"age": "<5", "population": "2704659"},
    {"age": "5-13", "population": "4499890"},
    {"age": "14-17", "population": "2159981"},
    {"age": "18-24", "population": "3853788"},
    {"age": "25-44", "population": "14106543"},
    {"age": "45-64", "population": "8819342"},
    {"age": "≥65", "population": "612463"},
  ]

然而,当我在此示例中替换 d3.csv 时:http://bl.ocks.org/3887235使用上面的代码示例,什么也没有出现。

变化相当小而且看起来很合理,但是我不明白为什么这是空白的。

这是我的意思的演示:http://jsfiddle.net/dME8a/

最佳答案

您没有在您的 Fiddle 中加载 D3 库。

<script src="http://d3js.org/d3.v3.min.js"></script>

查看更新版本:http://jsfiddle.net/dME8a/2/

关于javascript - d3.csv 饼图示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14533606/

相关文章:

javascript - 基本 D3.js : create or update element?

javascript - 如何使用 d3js 开始绘制一条在 y 轴和它之间有空格的线

Javascript 问号和双管道

reactjs - 在 useEffect Hook 中运行动画安全吗?

javascript - 在 JSX 中迭代对象属性

javascript - 使用 ng-repeat 和 ng-options 处理来自多个下拉菜单的 selectedValues

javascript - ajax 从成功的 View 中删除 div

javascript - 在 javascript 中的 Object.prototype 上添加自定义方法的副作用

javascript - 用于 HPC(高性能计算)的 JavaScript 的用例/经验

javascript - d3 : Data Distribution to Elements Based on Specific Field