1 Star 0 Fork 249

zxllxl / 前端数据可视化

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

前端可视化笔记

项目介绍

:computer: 点击预览 「前端可视化笔记」 :rocket: :rocket: :rocket:


本项目是我工作和学习中整理出来的前端可视化demo,部分代码会有详细注释。

部分demo还配备图文讲解,可在 我的掘金主页中查找到相应文章(点击即可跳转,方便的话帮我的文章点个赞吧)


项目使用 vite^2.5.4 搭建。

项目中用到 vue^3.2vue-routervuex 做基础建设,使用了 element plus 做基础ui布局。

本项目是可视化方面的笔记,包含了:

  • 原生三件套特效
  • svg
  • canvas
  • ECharts
  • 百度地图
  • OpenLayers
  • ThreeJS
  • FabricJS



运行

# 初始化项目,下载依赖包
npm install

# 启动开发环境(默认端口3000,可以调试)
npm run dev

# 启动生产环境(运行dist,默认端口5000,难以调试)
npm run serve



关于运行报错

1、缺少 echarts/theme/vintage2.js

因为笔记中记录了 “如何自定义 ECharts 主题”,所以在 npm install 后,需要把 src/assets/echarts/theme 目录下的 vintage2.js 文件拷贝到 node_modules/echarts/theme 目录下。


2、初次运行时报错

已修复,但不保证某些电脑运行时还会出现该错误 [2021-09-07]


错误代码:-4058

手动执行 node node_modules/esbuild/install.js 然后再使用启动命令 npm run dev



推荐仓库

:rocket: ol在vue2中运行,仓库地址 :rocket: :rocket: :rocket: :rocket:

:rocket: 原生环境使用fabrif.js,仓库地址 :rocket: :rocket: :rocket: :rocket:



推荐阅读

日常工作与团队合作


前端特效


能力进阶


Fabric.js

MIT License Copyright (c) 2021 Kelvin Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

前端数据可视化demo。 项目使用了vue3,由vite构建。 可视化方面的库:原生三件套(HTML+CSS+JS)、ECharts、百度地图、OpenLayers、ThreeJs、FabricJS 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/zxllxl/front-end-data-visualization.git
git@gitee.com:zxllxl/front-end-data-visualization.git
zxllxl
front-end-data-visualization
前端数据可视化
master

搜索帮助