非常簡單的d3js示例不起作用

我試圖從d3開始，但有不好的exp。 :) 我不能做一個簡單的例子運行本地。我使用webstorm本地服務器在Chrome中運行它;非常簡單的d3js示例不起作用

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>

請幫忙！？

來源

2014-02-10 Aleksandrenko

嘗試腳本之前定義''

就是這樣！將其添加爲答案，以便我可以將其標記爲正確。 – Aleksandrenko

你只需要腳本之前定義<svg>元素，因爲它依賴於它：

<svg></svg> 

<script> 
... 
</script>

來源

2014-02-10 17:01:00

非常簡單的d3js示例不起作用

回答

相關問題