Comments (7)
好的明白了,我去尝试一下,谢谢
from jsmind.
leading-line-color
设置的是这个node指向其父节点的线条的颜色,仅作用于设置的那个节点(线条)
from jsmind.
好的谢谢,所以按照这个逻辑,假设我的节点id是1,2,3,4,5,6,其下的子节点是1-1,1-2,2-1,2-1-1这种形式的话,我需要对每一个节点进行处理,给id以1开头的节点线条一个颜色,以2开头的一个颜色,然后以此类推,给这6类及其子节点分别设置6种线条颜色对吗
from jsmind.
https://hizzgdev.github.io/jsmind/docs/zh/1.usage.html
在这个文档的1.4 样式里提到了用法,感觉用这个还挺符合你的需求的。你可以在设置节点颜色的同时设置引导线的颜色。
from jsmind.
好的谢谢,所以按照这个逻辑,假设我的节点id是1,2,3,4,5,6,其下的子节点是1-1,1-2,2-1,2-1-1这种形式的话,我需要对每一个节点进行处理,给id以1开头的节点线条一个颜色,以2开头的一个颜色,然后以此类推,给这6类及其子节点分别设置6种线条颜色对吗
逻辑上符合你的需求。至于如何标识是六类中的哪一类,你可以从数据上看怎么方便。如果数据在db里的话,不用id来标识也问题不大。还是看你方便。
from jsmind.
哈喽哈喽,再叨扰一句,如果我的6类分支想实现:前三个默认展开至3级,后三个默认展开至2级,这个只能通过遍历设置每个节点的expanded来实现嘛
from jsmind.
应该不需要遍历所有节点,最好是在数据层面把前三个的所有二级节点id
找出来并记下来,这样的话就可以用 jm.expand_to_depth(depth)
展开到2级,然后再遍历上面记下来的节点,给它展开就好了。
不过如果你能在 show 之前对脑图数据进行修改的话,其实就会更容易实现。
node 的数据结构大概是这样的:
{
"id": "xxxx",
"topic": "topic-xxx",
"expanded": true
}
你只要把上面的 expanded 改成 false,它就默认会把子节点给收起来了。
from jsmind.
Related Issues (20)
- 思维导图节点使用support_html属性和<span>标签自定义,点击<span>文字无法选中节点 HOT 4
- 移动或者单击节点,会提示节点找不到 HOT 5
- 如何将生成的思维导图导出呢。我这边用jm实例绘制,拿到的jm实例数据是空的,下载下来的也是空白 HOT 10
- Error: dom-to-image is required since 0.7.2 HOT 1
- uniapp中引入jsmind时, 思维导图的线 和 结点 会分开显示, 不在一起 HOT 4
- 拖拽调整节点顺序,部分位置无法吸附上去 HOT 2
- 请问可以自定义节点样式吗? HOT 2
- 请问有没有办法动态获取jsmind的高度
- 节点删除之后未及时更新 index 属性导致与index 属性相关的方法出现异常,如find_node_after等 HOT 4
- 放大后截图,存在节点错乱问题 HOT 4
- Root node not centered HOT 15
- 使用 custom_node_render 自定义节点后,拖拽卡顿,有时无法拖拽 HOT 6
- 通过npm包安装的无法使用下载导图和拖拽功能啊 HOT 12
- Nodes don't move when press up/down keys HOT 4
- 设置了 custom_node_render 后 jmexpander 位置计算错误被遮蔽 HOT 7
- 最后一个节点编辑后,宽度无法正确调整 HOT 4
- 根节点的连线错位 HOT 2
- 导出图片问题 HOT 1
- 拖拽事件无法自定义 HOT 2
- 节点内输入的内容怎么换行? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jsmind.