笔记笔记
  • Home
  • AI&ML
  • Example
  • Zoo
  • 关于
⌘ K
Node.js
Svelte
数据大屏幕
最后更新时间：
Copyright © 2023-2024 | Powered by dumi | GuoDapeng | 冀ICP备20004032号-1 | 冀公网安备 冀公网安备 13024002000293号

TABLE OF CONTENTS

‌
‌
‌
‌

数据大屏幕

创建项目

# 创建项目
yarn create react-app scene --template typescript
# 添加路由支持，以方便支持多个页面的大屏
yarn add react-router-dom
# 对 sass 的支持
yarn add sass
# 需要使用 antd 组件可以添加
yarn add antd
# 图表库
yarn add @antv/g2
yarn add echarts
yarn add echarts-gl
# 水球图
yarn add echarts-liquidfill
# 图表库
yarn add @jiaminghi/data-view-react
# 数字翻盘
yarn add react-flip-numbers
# 计数器（数字翻盘） https://github.com/glennreyes/react-countup
yarn add react-countup

收集的 图表 库

makeapie echarts 社区图表可视化案例

修改配置

根目录创建.env文件。

BROWSER=none
REACT_APP_BASE_URL_DEV=http://192.168.2.200:3000
REACT_APP_BASE_URL_PRO=https://example.com

BROWSER=none 避免每次启动项目都自动打开浏览器。
> process.env.REACT_APP_BASE_URL_DEV 这样可以使用 REACT_APP_BASE_URL_DEV 环境变量。