@sensecare/venn-chart v1.0.4

Venn 韦恩图

import { initVennChart } from '~'
/**
 * 名称：韦恩图
 * @param {*} id 当前选中容器
 * @param {*} data 当前数据
 * @param {*} container 当前图表实例组合
 * @param {*} color 自定义的颜色集合
 * @param {*} onMouseClick 点击事件
 * @param {*} onMouseOver hover事件
 * @param {*} clear 清空画布
 **/

  // venn依赖的数据和图的对应关系
  let data  = [
    {sets : [0], label : 'B', size : 30,}, 
    {sets : [1], label : 'C', size: 30},
    {sets : [2], label : 'A', size : 30}, 
    {sets : [1,2],label : 'E',  size:2},
    {sets : [0,1,2],label : 'G', size:2},
    {sets : [0,2], label : 'D', size:2},
    {sets : [0,1], label : 'F', size:2},
  ];
  // 初始化图的颜色集合
  const colors = ['#6789FB', '#EEAA77', '#EEAA77', 'green'];

  // 添加点击事件
  const onMouseClick = ()=>{  }
  // 添加hover事件
  const onMouseOver = ()=>{  }

  // 调用实例 渲染venn图
  initVennChart({ data:setlist,id:'#vennChart',onMouseClick })