Question

我使用this代码创建一个带有d3的子弹图。现在我想在Angular组件中创建一个子弹图。我是d3的新手所以我试图将代码转换为打字稿。

Here是我的代码。我知道代码中有错误。你能帮我把它搞定吗？

this.svg = d3.select('body').selectAll('svg')
  .enter().append('svg')
  .attr('class', 'bullet')
  .attr('width', 100 + this.margin.left + this.margin.right)
  .attr('height', 300 + this.margin.top + this.margin.bottom);

this.g = this.svg.append('g')
  .attr('transform', 'translate(' + this.margin.left + ',' + this.margin.top + ')')
;

这是svg init函数。我应该在dom中创建一个svg元素，但事实并非如此。在示例中.attr('class', 'bullet')完成了工作。但这不会有角度。有什么想法吗？

Answer 1

删除.selectAll('svg').enter()。输入仅在.data()加入后有效。看看Mike Bostock's Thinking with Joins。

Angular中的子弹图与d3

1 个答案: