3

我已经使用 react-3d-graph 创建了一个网络地形图，并且我正在尝试访问图本身之外的 react-3d-graph 原生函数。例如，我有一个按钮，它需要利用突出显示行为来突出显示单个节点及其相关节点/链接。有没有办法做到这一点？这是图表的代码：

const myConfig = {
  "automaticRearrangeAfterDropNode": false,
  "collapsible": true,
  "height": 700,
  "highlightDegree": 1,
  "highlightOpacity": 0.2,
  "linkHighlightBehavior": true,
  "maxZoom": 8,
  "minZoom": 0.1,
  "nodeHighlightBehavior": true,
  "panAndZoom": false,
  "staticGraph": false,
  "width": 1100,
  "d3": {
    "alphaTarget": 0.05,
    "gravity": -200,
    "linkLength": 300,
    "linkStrength": 1
  },
  "node": {
    "color": "#57a3ff",
    "fontColor": "black",
    "fontSize": 12,
    "fontWeight": "bold",
    "highlightColor": "red",
    "highlightFontSize": 12,
    "highlightFontWeight": "bold",
    "highlightStrokeColor": "SAME",
    "highlightStrokeWidth": 1.5,
    "labelProperty": "name",
    "mouseCursor": "pointer",
    "opacity": 1,
    "renderLabel": true,
    "size": 450,
    "strokeColor": "none",
    "strokeWidth": 1.5,
    "svg": "",
        "symbolType": "square"
  },
  "link": {
    "color": "#d3d3d3",
    "opacity": 1,
    "semanticStrokeWidth": false,
    "strokeWidth": 4,
    "highlightColor": "blue"
  }
};

这是 Graph 组件。

  <Graph
        id="graph-id" 
        data={data}
        config={myConfig}
        onClickNode={this.props.toggle}
        onClickGraph={onClickGraph}
        onClickLink={onClickLink}
        />

我试图访问的功能是“nodeHighlightBehavior”。有没有办法做到这一点？

4

0 回答 0