Javascript 如何使用jVenn插件绘制多个Venn图

嗨，我正在开发一个应用程序，我需要绘制多个维恩图。我选择了jvennjqueryplugin（）。当您只想绘制一个维恩图时，它可以正常工作，但当您尝试绘制多个维恩图时，它根本不起作用。它只是画了最后一张维恩图

演示

仅绘制1个维恩图（工作正常）

试图绘制多个维恩图（不工作）

HTML

<div id="example">

</div>

<div id="example1">

</div>

---

注意在演示中，初始jQuery是插件代码，启动jVenn的代码写在底部。

我检查了这个插件。它在内部处理id，在选择任何元素时没有上下文传递。这就是为什么它总是在第一个容器中显示内容。您必须选择其他插件，如D3.js

---

这可能会对您有所帮助。

我检查了这个插件。它在内部处理id，在选择任何元素时没有上下文传递。这就是为什么它总是在第一个容器中显示内容。您必须选择其他插件，如D3.js

---

这可能会对您有所帮助。

或plz建议其他更好的插件，或plz建议其他更好的插件

$(document).ready(function(){
  $('#example').jvenn({
    series: [{
        name: 'Actors',
        data: ["Marilyn Monroe", "Arnold Schwarzenegger", "Jack Nicholson", "Barbra Streisand", "Robert de Niro", "Dean Martin", "Harrison Ford"]
      }, {
        name: 'Singers',
        data: ["Freddy Mercury", "Barbra Streisand", "Dean Martin", "Ricky Martin", "Celine Dion", "Marilyn Monroe"]
      }]
  });


  $('#example1').jvenn({
    series: [{
        name: 'Models',
        data: ["Marilyn Monroe1", "Arnold Schwarzenegger", "Jack Nicholson", "Barbra Streisand", "Robert de Niro", "Dean Martin", "Harrison Ford"]
      }, {
        name: 'Directors',
        data: ["Freddy Mercury", "Barbra Streisand", "Dean Martin", "Ricky Martin", "Celine Dion", "Marilyn Monroe"]
      }]
  });
});