reactjs – 在react-graph-vis中激活操作系统

发布时间：2020-12-15 05:04:13 所属栏目：百科来源：网络整理

导读：我正在使用 react-graph-vis来可视化网络.根据 the vis.js documentation,我可以通过向选项键提供适当的操作对象来打开操作系统.我正在尝试向可视化GUI添加“添加边缘”按钮,这或多或少是我配置组件的方式： class MyComponent extends React.Component { co

我正在使用 react-graph-vis来可视化网络.根据 the vis.js documentation,我可以通过向选项键提供适当的操作对象来打开操作系统.我正在尝试向可视化GUI添加“添加边缘”按钮,这或多或少是我配置组件的方式：

class MyComponent extends React.Component {
   constructor(props) {
      var graph = /* initial graph */;
      this.state = {
         options: {
            manipulation: {
               enabled: true,initiallyActive: true,addEdge: true
            }
         },graph: graph
      }
   }

   render() {
      return <Graph graph={this.state.graph},options={this.state.options}/>
   }
}

组件呈现指定的图形,但GUI中缺少操作系统.也就是说,将操作条目添加到选项根本没有任何效果.特别是,没有编辑或添加边缘按钮,因此无法操纵图形.我没有得到任何错误,问题只是操纵系统没有被渲染.添加其他选项(例如与网络布局相关的选项)可以正常工作.似乎没有设置操作选项.

确保导入vis.js样式表.这样做的方法取决于项目的设置.

您可以将其包含在CDN的html文件中：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis-network.min.css">

如果您使用的是webpack,则可以通过在JavaScript文件中添加以下内容来完成此操作：

import 'vis/dist/vis.css';

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!