Appearance
三保-横向树状关系图
应用包：lc-zkcomponents 类型：高级部件
一、效果预览
二、适用场景
适用于树形结构数据（唯一根节点），数据量较小时的层级结构展示，可在每个节点中自定义设置展示的数据内容，用户可以通过点击节点右侧的数字展开收起某一子节点，以便于切换查看数据的同时又避免同时加载过多数据
三、使用说明
在部件的目录中找到当前组件，将其拖入页面的某个节点中即可
四、配置项
| 名称 | 类型 | 描述 |
|---|---|---|
| data.name | 字符串 | 根节点名称 |
| data.mainName | 字符串 | 根节点主指标名称 |
| data.mainValue | 字符串 | 根节点主指标数值 |
| data.detail | 数组 | 根节点详细指标，多个 |
| data.detail[n].name | 字符串 | 指标名称 |
| data.detail[n].value | 字符串 | 指标数值，支持包裹成{o|99} 或 {y|99}，表示用橙色（origin）或黄色（yellow）渲染 |
子节点位于根节点的children或多层children下，格式为：
| 名称 | 类型 | 描述 |
|---|---|---|
| name | 字符串 | 名称 |
| value | 字符串 | 数值，支持包裹成{r|99} 或 {g|99}，表示用红色（red）或绿色（green）渲染 |
| color | 字符串 | 节点左侧颜色，默认为蓝色 |
| icon | 字符串 | 节点左侧图标，可以是图片地址或dataUrl |
五、事件
click：点击某一节点
六、插槽
无
注意
该组件使用canvas实现，常规Dom操作均无效