Question

我正在尝试从d3开始但是有不好的exp。 :) 我不能做一个简单的例子运行localy。我正在使用webstorm本地服务器在chrome下运行它;

http://localhost:63342/svg-tests/index.html

没有错误，但没有画出红色圆圈。和“console.log（d）;”没被解雇;

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script src="js/d3.v3.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
   <script>
        var dataSet = [10, 20, 30, 40];
        var svg = d3.select('svg');
        var circle = svg.selectAll('circle')
                .data(dataSet)
                .enter()
                .append('circle')
                .attr({
                    r: function(d){ console.log(d); return d },
                    cx: 10,
                    cy: 10,
                    fill: 'red'
                });
    </script>

    <svg></svg>

</body>
</html>

请帮忙！？

Answer 1

您只需要在脚本之前定义<svg>元素，因为它依赖于它：

<svg></svg>

<script>
...
</script>

非常简单的d3js示例不起作用

1 个答案: