BCT Venn Diagram 03 | samples | Documentation

HTMLcopy

 
<div id="container"></div>

CSScopy

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
​
    //create data
    var data = [
      {
          x: "A",
          name: "Set A",
          value: 100
      },
      {
          x: "B",
          name: "Set B",
          value: 100
      },
      {
         x: "C",
         name: "Set C",
         value: 100
      },
      {
          x: ["A", "B"],
          value: 20
      },
      {
          x: ["A", "C"],
          value: 20
      },
      {
          x: ["B", "C"],
          value: 20
      },
      {
          x: ["A", "B", "C"],
          value: 20
      }
    ];
​
    // create a chart and set the data
    chart = anychart.venn(data);
​
    // configure labels of intersections
    chart.intersections().labels().format("{%x}");
​
    // disable the legend
    chart.legend(false);
​
    // set the chart title
    chart.title("Venn Diagram: Data\nSetting Intersections (Arrays)");
​
    // set the container id
    chart.container('container');
​
    // initiate drawing the chart
    chart.draw();
});

Sample meta

AnyChart Documentation