[英]react-d3-component implement in create-react-app
我是新来的。 通过研究,我发现React-D3组件可以达到我的目的。
我正在寻找带有工具提示和可缩放功能的多系列折线图的示例。 基本的折线图也可以帮助我完成第一步。
我已经准备好一个create-react-app样板。 我需要将此图放入一个create-react-app项目中。
请通过示例指导我,该示例逐步说明了如何实现这种图形。
为了使您的应用正常工作,请执行以下几个步骤:
使用Webpack配置您的create-react-app样板,并确保您可以在没有React-D3-component模块的情况下运行它。
找到主页组件(通常为main.js),尝试修改一些基本的HTML元素,并查看是否可以通过热重载看到页面上的更改。 例如,添加一个H1红色标签。
使用npm命令安装React-D3-component模块:
npm install react-d3-components --save
通过导入模块,开始将React-D3-component添加到刚修改的主页组件中:
import ReactD3 from 'react-d3-components'
按照此处的示例,并在主页中创建图表组件。
此工作流程应可用于任何React模块以进行测试。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.