小编ray*_*qin的帖子

使用 ReactJS 悬停时,Vis.js 节点工具提示不显示

你好,

在我的项目中,我使用 ReactJS 显示 vis.js 图,我希望显示的网络节点通过显示弹出窗口/工具提示对鼠标悬停事件做出反应。每个节点都有一个标题属性,这就是工具提示应该显示的内容。

这是他们在示例中的做法:

<!doctype html>
<html>
<head>
    <title>Network | Interaction events</title>
    <script type="text/javascript" src="../../../dist/vis.js"></script>
    <link href="../../../dist/vis-network.min.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        #mynetwork {
            width: 600px;
            height: 400px;
            border: 1px solid lightgray;
        }
    </style>
</head>
<body>
    <div id="mynetwork"></div>
    <script type="text/javascript">
        // create an array with nodes
        var nodes = new vis.DataSet([
            { id: 1, label: 'Node 1', title: 'I have a popup!' },
            { id: 2, label: 'Node 2', title: 'I have a popup!' },
            { id: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs vis.js vis.js-network

6
推荐指数
2
解决办法
3655
查看次数

标签 统计

javascript ×1

reactjs ×1

vis.js ×1

vis.js-network ×1