Невозможно нарисовать прямоугольную форму для узла в реактивном d3-графике - PullRequest
Новая
       23

Невозможно нарисовать прямоугольную форму для узла в реактивном d3-графике

0 голосов
/ 11 октября 2019

Я пытаюсь использовать реактив-d3-график, но не могу изменить дизайн узла, который я пытался, но не смог достичь, пожалуйста, помогите мне выбраться из того же 

import React from 'react';
import { Graph, Node } from 'react-d3-graph';
import * as FlowchartStyle from './style-flowchart-view';
import * as d3 from 'd3';
import {Symbol} from 'd3-shape';
import {path} from 'd3-path';
let data = {
  nodes: [
    {
      id: 'No Data',
      x: 50,
      y: 20,
      name:'No Data',
      color: 'white',
      height: 40, 
      width: 140,
      className:'node',
      // viewGenerator :
      //   (node) => <CustomComponent node={node} height='40px'  width='190px'/>
      },

  ],
  links: [],
};

// Стиль 

.node > path{
   d: path("M 0 0 h140 a6,6 0 0 1 6,6 v30 a6,6 0 0 1 -6,6 h-140 a6,6 0 0 1 -6,-6 v-30 a6,6 0 0 1 6,-6");
}

поэтому выше я добавил класс для прямоугольника, который работает в Chrome, но не работает в другом браузере

...