https://github.com/heycn/react-data-view

demo
https://github.com/heycn/react-data-view

echarts react reactrouter

Last synced: about 2 months ago
JSON representation

demo

• Host: GitHub
• URL: https://github.com/heycn/react-data-view
• Owner: heycn
• Created: 2022-02-23T12:47:16.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-27T09:24:52.000Z (over 3 years ago)
• Last Synced: 2025-04-09T15:11:58.671Z (about 2 months ago)
• Topics: echarts, react, reactrouter
• Language: TypeScript
• Homepage: https://main--react-data-view.netlify.app
• Size: 287 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-data-view

这是一个基于 React、ReactRouter、TypeScript、Echarts 制作的「大屏可视化项目」

- 这个项目是我在学习前端可视化与 echarts 时，仿照方应杭的开源项目制作而成的

- 页面布局使用了 Grid 和 Flex 布局，为了适应所有屏幕，我使用了动态 rem 方案

- 项目中包含的图例有柱形图、折线图、饼图、地图和表格等，并且所有图例都可以实时更新数据并辅以动画交互。

- 通过这个项目，我掌握了大屏可视化项目的制作技巧。

- 并且我总结成了一篇博客 [点击预览](https://juejin.cn/post/7069283801104384037)