激活反應圖中的操縱系統

我正在使用react-graph-vis來顯示網絡。根據the vis.js documentation，我可以通過向options鍵提供適當的manipulation對象來打開操縱系統。我想一個Add Edge按鈕添加到可視化的圖形用戶界面，這是多還是少了我如何配置我的組件：激活反應圖中的操縱系統

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失蹤。也就是說，將manipulation條目添加到options根本沒有任何效果。特別是，沒有edit或add edge按鈕，因此無法操作該圖形。我沒有得到任何錯誤，問題在於操縱系統沒有被渲染。添加其他選項（例如與網絡佈局相關的選項）可正常工作。這只是manipulation選項，似乎沒有設置。

來源

2017-03-17 snakile

確保您導入vis.js樣式表。做到這一點的方式取決於你的項目設置。

您可以將其包含在從CDN您的HTML文件：

import 'vis/dist/vis.css';

：

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

如果您正在使用webpack您可以通過添加以下到您的JavaScript文件做到這一點

來源

2017-05-04 12:28:59 Christian

激活反應圖中的操縱系統

回答

相關問題