Giter VIP home page Giter VIP logo

data-visualization-screen's Introduction

数据可视化 - 大屏项目

项目主要参考自实战「慕课外卖」数据大屏,更多内容请移步 👉 数据可视化之入门指南

data-visualization-report.png

1.1 技术栈

  • Vue3 + TS

  • AntV-G2Plot(主)

  • ECharts(次) + vue-echarts

1.2 关键组件

1.2.1 大屏容器组件

screen-container 组件,能够根据当前屏幕尺寸和用户期望尺寸进行比例缩放以达到适配(铺满屏幕)的目的。

1.2.2 数字滚动组件

基于 vue3-count-to 依赖的组件,通过设定 startVal 和 endVal 实现数字滚动的动态效果。

1.2.3 自动轮播组件

auto-scroll 组件,在设定表头和内容后能够自动向上滚动轮播内容(也可借助 Swiper 库来实现)。


如果发现本项目有错误,欢迎提交 issues 指正,也可联系邮箱 [email protected]

data-visualization-screen's People

Contributors

sherwinshen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

data-visualization-screen's Issues

tooltip hover 不准

screen-container 使用 transform 缩放后, 如何解决 canvas 图表组件的 tooltip hover 不准的问题呢?
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.