@riil-frontend/hexagon
v1.0.13
Published
蜂巢图组件
Downloads
24
Readme
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|||