【问题标题】:How to add tooltip in a node using jsMind library?如何使用 jsMind 库在节点中添加工具提示?
【发布时间】:2023-01-01 14:47:02
【问题描述】:

我想使用jsMind定制我的思维导图

目前这是我的代码:

var mind = {            meta: {
                        name: 'jsMind remote',
                        author: 'hizzgdev@163.com',
                        version: '0.2',
                    },
                    format: 'node_tree',
                    data: {
                        id: 'root',
                        topic: 'jsMind',
                        children: [
                            {
                                id: 'easy',
                                topic: 'Easy',
                                direction: 'left',
                                children: [
                                    { id: 'easy1', topic: 'Easy to show' },
                                    {
                                        'id': 'other3',
                                        'background-image': 'ant.png',
                                        'width': '100',
                                        'height': '100',
                                    },
                                ],
                            },
                            {
                                id: 'open',
                                topic: 'Open Source',
                                direction: 'right',
                                children: [
                                    {
                                        'id': 'open2',
                                        'topic': 'BSD License',
                                        'leading-line-color': '#ff33ff',
                                    },
                                ],
                            }
                };
                _jm.show(mind);

欢迎任何完成此挑战的想法。

我试图在浏览器中执行,但我不知道如何实现我想做的事情。 已编辑 我已经更改了代码,完美地换了一行,但没有出现工具提示。

【问题讨论】:

    标签: javascript nodes mindmap


    【解决方案1】:

    jsMind没有提供内置的tooltip显示机制,但是node的topic可以是html的,要不要试试用html给它加上tooltip?像那样:

    <span title='good'>jsMind Example<span>
    

    screenshot of it

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-15
      • 1970-01-01
      • 1970-01-01
      • 2019-01-04
      • 1970-01-01
      • 2021-10-23
      • 1970-01-01
      相关资源
      最近更新 更多