venn test

by died

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/canvasXpress/13.1/canvasXpress.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/canvasXpress/13.1/canvasXpress.min.js"></script>
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
              <canvas id='venn1' width='290' height='540' responsive='true' aspectRatio='1:1'></canvas>
            </div>
          </div>

JavaScript

var cXvenn1 = new CanvasXpress("venn1",
          {
            "venn": {
              "data": {
                "A": 182810,
                "B": 127864,
                "C": 111145,
                "AB": 19431,
                "AC": 18443,
                "BC": 8798,
                "ABC": 4275
              },
              "legend": {
                "A": "柯文哲",
                "B": "朱立倫",
                "C": "賴清德"
              }
            }
          },
          {"graphType": "Venn",
           "vennGroups": 3
          }
  );