Question

我有一些看似基本的d3 javascript代码。当我运行它时，什么都不会显示。运行某些js后，来自服务器的传输似乎冻结，即当我逐步执行时，它运行了第一个属性（cx），然后似乎停止了。在检查器中，显示标签，但不显示圆圈。奇怪的是，在再次运行代码之前，圆圈显示了几毫秒。

我已经删除了数据，并用数字代替了它以简化它。

它只能在Firefox中执行此操作，而不能在Chrome中执行。

var rows = [[10, 20], [30, 40]];

var h = 200;
var w = 500;

//Create SVG element
var svg = d3.select("body")
            .append("svg")
            .attr("width", w)
            .attr("height", h);

svg.selectAll("circle")
   .data(rows)
   .enter()
   .append("circle")
   .attr("cx", function(d) {
        return 20;
   })
   .attr("cy", function(d) {
        return 20;
   })
   .attr("r", 5);

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<!-- <script src="./scatter1.js"></script> -->

基本d3直到刷新屏幕后才输出圆

0 个答案: