使用react-vis定制风暴反应图

时间:2018-02-09 12:32:55

标签: javascript reactjs typescript react-native react-vis

我有一个定制的风暴反应图节点:

this.engine.registerNodeFactory(new ExampleNodeFactory());

const node2 = new ExampleNodeModel();
const port2 = node2.addPort( new ExamplePortModel("left") );

Widget中的渲染方法如下所示:

render() { 
    return (
        <div className="grid-node" style={{textAlign: 'center', width: '140px'}}>            
            <ExampleIcon style={{width: '80px', height: '80px', position: 'relative', color: '#0d84b7'}} />            
        </div>
    );
}

我的问题:是否可以在我的自定义节点中添加react-vis gauge图元素?

结果将是渲染的Node,其中包含我的Node周围的react-vis gauge元素。

无法弄清楚如何做到这一点......

1 个答案:

答案 0 :(得分:0)

我认为您可能没有为您的用例使用正确的库。 React-vis是一个用于在浏览器上使用react进行html和dom操作的库。听起来你正在为一个反应原生的应用程序拍摄,我建议使用像(https://github.com/FormidableLabs/victory-native)这样的胜利原生语。