Wie zeichne mehrere Venn-Diagramme mit jVenn Plugin

Question

Hallo Ich arbeite an einer Anwendung und ich muss mehrere Venn-Diagramme zeichnen. Ich ging für jVenn jQuery Plugin (http://bioinfo.genotoul.fr/jvenn/documentation.html). Es funktioniert gut, wenn Sie nur 1 Venn-Diagramm zeichnen möchten, aber wenn Sie versuchen, mehr als 1 Venn-Diagramm zu zeichnen, funktioniert es überhaupt nicht. Es zeichnet nur das letzte Venn-Diagramm.

DEMOS

Zeichnung nur 1 Venn-Diagramm (Adaequat) https://jsfiddle.net/uhqqqrgh/

Der Versuch, mehr als 1 Venn-Diagramm (Problem) https://jsfiddle.net/uhqqqrgh/1/

HTML

zu ziehen

<div id="example"> 

</div> 

<div id="example1"> 

</div> 

jQuery

$(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"] 
     }] 
    }); 
}); 

HINWEIS In Demos jQuery initial ist der Plugin-Code und für den Code jVenn zu initiieren ist an der Unterseite geschrieben.

Answer 1

Ich habe dieses Plug-in überprüft. Es arbeitet intern mit IDs und es gibt keinen Kontext-Durchlauf während der Auswahl eines Elements. Deshalb zeigt es immer den Inhalt im ersten Container an. Sie müssen ein anderes Plug-In wie D3.js auswählen.

Vielleicht ist dies link wird Ihnen helfen.