d3.csv饼图示例

时间:2013-01-26 03:37:38

标签: 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/

1 个答案:

答案 0 :(得分:4)

您没有在小提琴中加载D3库。

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

请参阅更新版本:http://jsfiddle.net/dME8a/2/