1.0.13 • Published 10 months ago
@riil-frontend/hexagon v1.0.13
hexagon
@riil-frontend/hexagon
蜂巢图组件
CHANGE LOG
- 2021-11-15 发布v1.0.1版 修改五边形样式问题
- 2021-11-15 发布v1.0.2版 修改五边形宽度比例,调整间距
API
参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
---|---|---|---|---|---|
spaceBetween | 间距 | 否 | Number | 3 | |
mode | 布局模式, cricle: 圆形布局, 由中心向外, rectangle: 矩形布局 | 否 | String | circle | |
rowMaxLength | 每行最多放多少个六边形 | 否 | Number | 10 | 圆形布局不支持 |
data | 图形数据源 | 是 | Array | 例子:{id: 1, name: "1", color: "#FF7570", mouseoverColor: "#FFA099"} | |
KeyName | 唯一ID属性名称 | 否 | String | id | |
hexagonHeight | 六边形高度 | 否 | Number | 30 | |
onBalloonFormat | 格式化气泡面板方法, 回调参数: dataItem: 数据的每一行 | 否 | Functon | 暂无提示面板 | |
onClick | 点击六边形事件, 回调参数: e:事件对象, dataItem: 数据的每一行 | 否 | Functon |