javascript - 如何增加维恩图工作区的大小

Question

我在我的 angular2+ 代码中使用这里的维恩图代码 -

http://jsfiddle.net/johnpham92/h04sknus/

代码

app.js

var sets;

sets = JSON.parse(localStorage.getItem("sets"));

  console.log("sets=",sets)

var chart = venn.VennDiagram();
d3.select("#venn").datum(sets).call(chart);

app.component.html

<div id="venn"></div>

当节点数量增加时，名称会像这样重叠 -

请帮忙增加工作空间

Answer 1

您可以像这样增加工作区 (svg) 大小:

var chart = venn.VennDiagram().width(1200).height(500);

正如您在 JSFiddle 中看到的那样您已链接。

如果您无法对宽度和高度进行硬编码，我想您可以在分配它们之前计算它们。