@sensecare/venn-chart
v1.0.4
Published
vennChart
Downloads
6
Readme
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 })