0.1.1 • Published 3 years ago
@clunch/sankey v0.1.1
sankey
饼图组件,包括选中效果、文字说明等常见的饼图。
如何使用?
首先,需要安装npm包(目前我们仅支持npm方式管理):
npm install --save clunch @clunch/sankey
然后注册组件:
import Clunch from 'clunch';
import sankey from '@clunch/sankey';
Clunch.series('ui-sankey',sankey);
然后,你就可以使用这个组件了:
<ui-sankey data='json' />
- data:数据,应该是一个数组(比如:
{nodes:[{name:""},...],links:[{source:"",target:"",value:""},...]}
)
除了上面的必输项外,还有下列可选项:
属性 | 类型 | 描述 | 默认值 | 可选值 |
---|---|---|---|---|
x | number | 图形左上角位置横坐标 | 0 | |
y | number | 图形左上角位置纵坐标 | 0 | |
width | number | 图形宽 | 画布的宽 | |
height | number | 图形高 | 画布的高 |
由于此组件是基于Clunch开发的,我们默认你已经掌握了相关知识。
开源协议
Copyright (c) 2021 hai2007 走一步,再走一步。