文件名称：REACT-Interactive-Visualization-and-Dashboards:使用react和Plotly构建可视化和仪表板
文件大小：889KB
文件格式：ZIP
更新时间：2024-04-27 00:47:39
JavaScript
项目介绍 该项目React，Plotly.js，Bootstrap来构建dashborad网页。该网页发布在“ ”上 代码结构 1.组件树 下图显示了组件树的结构。 应用程序是根组件。 DachboardContainer由App渲染。 它是一个类组件。 数据处于状态。 当状态数据更改时，它会重新渲染/更新其子组件 以下5个组件是DashboardContainer的子级，由DashboardContainer呈现。 它们是功能组件。 选择，DemoInfo，BarPlot，GaugePlot，BubblePlot 2.流程图 我学到的是 在组件中使用数据时，请确保检查数据是否为空，否则会弹出错误 如果数据为空，则仅安装HTML框架 否则，根据数据生成图 React具有构建逻辑来检查状态更改并重新呈现与状态数据相关的组件 Plotly.newPlot方法必须具有相关的 首先安装ID，
【文件预览】：
REACT-Interactive-Visualization-and-Dashboards-master
----public()
--------manifest.json(492B)
--------index.html(996B)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------data()
--------logo192.png(5KB)
----yarn.lock(496KB)
----src()
--------logo.svg(3KB)
--------index.css(366B)
--------components()
--------App.js(167B)
--------data()
--------index.js(219B)
----images()
--------React-Plotly.png(30KB)
--------React-Plotly-FlowChart.png(144KB)
--------page.png(225KB)
----README.md(2KB)
----data()
--------samples.json(439KB)
----.gitignore(310B)
----package-lock.json(755KB)
----package.json(1KB)