d3+venn实现带提示交互效果的韦恩图和欧拉图图表代码-html代码-BFW代码库

d3+venn实现带提示交互效果的韦恩图和欧拉图图表代码

代码语言：html

所属分类：图表

代码描述：d3+venn实现带提示交互效果的韦恩图和欧拉图图表代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Intersection Tooltip venn.js example</title>
<style>
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
</style>
</head>

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

<style>
.venntooltip {
  position: absolute;
  text-align: center;
  width: 128px;
  height: 16px;
  background: #333;
  color: #ddd;
  padding: 2px;
  border: 0px;
  border-radius: 8px;
  opacity: 0;
}
</style>

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/d3.v5.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/venn.js"></script>
<script>
    var sets = [
         {"sets": [0], "label": "Radiohead", "size": 77348},
         {"sets": [1], "label": "Thom Yorke", "size": 5621},
         {"sets": [2], "label": "John Lennon", "size": 7773},
         {"sets": [3], "label": "Kanye West", "size": 27053},
         {"sets": [4], "label": "Eminem", "size": 19056},
         {"sets": [5], "label": "Elvis Presley", "size": 15839},
         {"sets": [6], "label": "Expl.........完整代码请登录后点击上方下载按钮下载查看