D3 - Angular 14 上的 TreeMap 实现

Question

我需要帮助来实现 Angular 14 中的 D3 Treemap。

我已经阅读了 D3 js 文档，但是发现在 Angular 中实现树图很困难

预期：

createSvg(): void {
    this.svg = d3
      .select("#treemap")
      .append("svg")
      .attr("width", this.width + this.margin * 2)
      .attr("height", this.height + this.margin * 2)
      .append("g")
      .attr("transform", "translate(" + this.margin + "," + this.margin + ")")
      .style("shape-rendering", "crispEdges");
    const grandparent = this.svg.append("g").attr("class", "grandparent");
    console.log(grandparent);
  }
 private drawBars(data: any): void {
    Create the X-axis band scale
    const x = d3.treemapBinary(data);
    console.log(x);
  }

Answer 1

你找到解决办法了吗？ 我在使用 Angular 13 实现它时遇到了同样的问题。 谢谢