我是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', 30)
.attr('fill', '#26963c')
我想在div viz
中添加小圈子。加载页面时,我看不到任何圆圈,检查员的html代码如下所示,
<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>
任何人都可以对这里出了什么问题有所了解。
答案 0 :(得分:3)
.
script(type="text/javascript")
点
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')