当我将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/

最佳答案

您没有在小提琴中加载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/

10-12 06:35