树 Tree

一、基本术语:

        1、树的定义:

              树是一个或者多个节点的有限集合,且其中:

              (1)存在一个称为根的特定结点;

              (2)其余每个结点被分成n>=0个互不相交的集合,其中每个集合都是一棵树。

        2、结点(node):代表信息项和指向其他结点的分支。

        3、一个节点的度(degree):指该结点的子树个数。

        4、树的度(degree of tree):指树中所有结点的度的最大值。

        5、叶子(leaf)结点或终端结点(terminal node):度为0的结点,即没有子树的节点。

        6、父亲(parent):具有子树的结点称为这些子树根节点的父亲。

        7、儿子(children):父结点的子树根节点称为父节点的儿子结点。

        8、兄弟(siblings):同一个父亲的儿子之间互称为兄弟。

        9、祖先(ancestors):一个结点的祖先是指从根结点到该结点的路径上的所有结点。

        10、后代(descendants):该结点的子树中包含的所有结点。

        11、结点的层(level):根结点为第一层,其他所有结点的层都是其父结点的层号加1。

        12、树的高度(height)或深度(depth):是树中所有结点的最大层号。

二、树的存储表示:

       1、列表存储表示

       2、左儿子-右兄弟存储表示

       3、2度树存储表示:左儿子、右儿子,又称为二叉树表示。      




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!要在 ECharts 中实现Tree)的点击节点功能,您可以按照以下步骤进行操作: 1. 首先,确保您已经引入了 ECharts 库,并在页面中创建了一个具有指定 ID 的容器,用于渲染图表。 2. 创建一个包含节点数据的 JSON 对象。每个节点应包含 `name` (节点名称)和 `children`(子节点)属性。 3. 使用 ECharts 的 `option` 对象配置项,设置图的基本配置,例如 `series` 类型为 `'tree'`,并指定 `data` 属性为您的节点数据。 4. 在 `series` 配置项中,使用 `expandAndCollapse` 属性来启用节点的展开和折叠功能。 5. 在 `series` 配置项中,使用 `label` 属性来设置节点的文本样式。 6. 在 `series` 配置项中,使用 `emphasis` 属性来设置节点的高亮样式。 7. 使用 ECharts 的 `on` 方法,监听 `'click'` 事件,并在回调函数中处理节点的点击事件。 下面是一个示例代码,演示了如何实现节点的点击功能: ```javascript // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('chart-container')); // 节点数据 var treeData = { name: 'Root', children: [ { name: 'Node 1', children: [ { name: 'Leaf 1-1' }, { name: 'Leaf 1-2' } ] }, { name: 'Node 2', children: [ { name: 'Leaf 2-1' }, { name: 'Leaf 2-2' } ] } ] }; // 配置项 var option = { series: [ { type: 'tree', data: [treeData], expandAndCollapse: true, label: { show: true, position: 'top', formatter: '{b}' }, emphasis: { focus: 'descendant' } } ] }; // 渲染图表 myChart.setOption(option); // 监听节点点击事件 myChart.on('click', function(params) { console.log('点击了节点:', params); // 根据需要执行相应的操作 }); ``` 请注意,这只是一个简单的示例,您可以根据实际需求进行更复杂的配置和处理。希望对您有所帮助!如果有任何疑问,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值