d3用玉石模板

d3 with jade template

本文关键字：石模板 d3      更新时间：2023-09-26

我对d3和翡翠都是新手。我有玉模板如下，

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>

有人能告诉我们这里出了什么问题吗。

在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')

源

相关文章：