如何在ES6中使用React编写交互式d3组件?

时间:2017-05-06 01:16:12

标签: javascript reactjs d3.js ecmascript-6

我是JS的新手。我在ES6中读过一些React.js代码。它非常干净。我想将React.js用于Web应用程序并遵循他们的工作流程。部分应用程序显示图表。我在看d3.js.但我不知道如何在ES6中使用d3。到目前为止我找到的所有例子都不在ES6中。我如何编写/转换一个?希望使用与http://bl.ocks.org/erichoco/6694616类似的内容。谢谢!

2 个答案:

答案 0 :(得分:1)

检查https://github.com/uber/react-vis - D3的一个不错的ReactJS包装器。

文档:http://uber.github.io/react-vis/#/

开箱即用的create-react-app。 他们也有关于巴贝尔的说明

答案 1 :(得分:0)

这里有一个非常简单的方法 - 这是不考虑预加载,获取数据等等 - 那里的所有javascript都可以卡在render()方法中,以便它在渲染时执行()时间或某些DOM元素(如按钮)可用。

这家伙说它好多了,而且有很棒的例子:https://github.com/freddyrangel/playing-with-react-and-d3

希望有所帮助!