Javascript 带翡翠模板的d3
我对d3和jade都是新手。我有如下玉模板Javascript 带翡翠模板的d3,javascript,d3.js,pug,Javascript,D3.js,Pug,我对d3和jade都是新手。我有如下玉模板 div(id='viz') script(type="text/javascript") d3.select("#viz") .append("svg") .attr('width', 600) .attr('height', 300) .append('circle') .attr('cx', 300) .attr('cy', 150) .attr('r'
div(id='viz')
script(type="text/javascript")
d3.select("#viz")
.append("svg")
.attr('width', 600)
.attr('height', 300)
.append('circle')
.attr('cx', 300)
.attr('cy', 150)
.attr('r', 30)
.attr('fill', '#26963c')
<div id="viz"></div>
<script type="text/javascript"><d3 body class="select"><div svg class="append"><div width 600 class="attr"></div><div height 300 class="attr"></div><div circle class="append"><div cx 300 class="attr"></div><div cy 150 class="attr"></div><div r 30 class="attr"></div><div fill #26963c class="attr"></div></div></div></d3></script>
我试图在div viz
中添加一个小圆圈。当页面加载时,我看不到任何圆圈,通过inspector的html代码如下所示
div(id='viz')
script(type="text/javascript")
d3.select("#viz")
.append("svg")
.attr('width', 600)
.attr('height', 300)
.append('circle')
.attr('cx', 300)
.attr('cy', 150)
.attr('r', 30)
.attr('fill', '#26963c')
<div id="viz"></div>
<script type="text/javascript"><d3 body class="select"><div svg class="append"><div width 600 class="attr"></div><div height 300 class="attr"></div><div circle class="append"><div cx 300 class="attr"></div><div cy 150 class="attr"></div><div r 30 class="attr"></div><div fill #26963c class="attr"></div></div></div></d3></script>
谁能解释一下这里出了什么问题。在
脚本(type=“text/javascript”)