javascript - D3 Angular-cli : d3. getElementsByTagName 不是函数

Question

我正在尝试按照以下代码使用 D3-4.2.2 制作响应式图表。

import * as D3 from 'd3';

let d3:any = D3;

var container = d3.getElementsByTagName('line-graph'),
  width = container[0].offsetWidth,
  height = container[0].offsetHeight;

var svg = d3.select(this.htmlElement).append("svg")
  .attr("class", "line-graph")
  .attr("width", "100%")
  .attr("height", "100%")
  .attr('viewBox', '0 0 ' + Math.min(width, height) + ' ' + Math.min(width, height))
  .attr('preserveAspectRatio', 'xMinYMin')
  .append("g")
  .attr("transform", "translate(" + Math.min(width, height) / 2 + "," + Math.min(width, height) / 2 + ")");

浏览器控制台给出

d3.getElementsByTagName is not a function

如有任何建议，我们将不胜感激。

谢谢

Answer 1

更改:d3.getElementsByTagName('line-graph')到:d3.select('line-graph')