Javascript 创建react应用程序中的react-d3组件实现

我是新来的。 通过我的研究，我发现React-D3-component可以达到我的目的

我正在寻找一个具有工具提示和可缩放功能的多系列折线图的示例。在我的第一步中，基本折线图也会用到这个技巧

我有一个CreateReact应用程序，准备好了样板文件。我需要把这个图表放到一个createreact应用程序项目中

---

请给我举一个例子，一步一步地解释如何实现这种图形。

为了让你的应用程序正常工作，这里有几个步骤要做：

使用网页包配置您的create react应用程序boiler plate，并确保您可以在没有react-D3组件模块的情况下运行它

找到主页组件（通常是main.js），尝试修改一些基本的HTML元素，看看是否可以通过热加载看到页面上的更改。例如，添加H1红色标记

使用npm命令安装React-D3组件模块：

npm install react-d3-components --save

开始将React-D3-component添加到您刚刚通过导入模块修改的主页组件中：

import ReactD3 from 'react-d3-components'

按照示例，在主页中创建图表组件

出于测试目的，此工作流应适用于任何React模块