大屏可视化
16篇文章 · 0订阅
  • 可视化大屏开发，知道这三个适配方案，效率翻倍！
    前言 开发过大屏可视化应用的前端工程师们通常会有这样的共识： 在可视化开发过程中，最具有挑战性的并非各种图表的配置与效果展示，而是如何确保大屏在不同尺寸的屏幕上都能实现良好的适配。 原始解决方案 起初
    前端 JavaScript
    可视化大屏开发，知道这三个适配方案，效率翻倍！
  • Progress 圆形进度条 实现
    简要说明 通过css 实现进度条功能, 巧用 CSS 实现圆形(环形)进度条, react typescript css
    前端 CSS
  • 动态词云效果——组件封装
    团队在开发大屏项目时，常常会遇到动态词云的效果，如下图所示： “每条词条在容器范围内随机移动，当鼠标放在单独词条上时，停止移动”
    前端 Vue.js JavaScript
    动态词云效果——组件封装
  • 玩转ECharts之实现“顶端装饰”
    前言玩转ECharts系列，主要为大家讲解我们基于ECharts如何实现企业级大屏项目中较为常用的各种奇奇怪怪的图表，接下来我们将通过几篇文章从基础图表开始为大家详细讲解实现这些图表样式的一些“小心机
    ECharts
    玩转ECharts之实现“顶端装饰”
  • echarts 动态增删 y 轴
    最近做了一个图表的新需求，涉及到 y 轴的增删管理。因为涉及到的 echarts 配置项比较多，也会接触一些不常用的 echarts 功能，所以这里记录一下，避免大家走弯路。完整用例在文末
    前端 ECharts
  • 数据大屏最简单自适应方案，无需适配rem单位
    是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。
    前端 JavaScript 设计
    数据大屏最简单自适应方案，无需适配rem单位
  • 我不允许有人不会封装 ECharts
    因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了
    前端 ECharts Vue.js
    我不允许有人不会封装 ECharts
  • Echarts图表实现大屏自适应
    描述：echats大屏自适应方案：利用css的transform属性以及设计百分比做到大屏自适应，在不同尺寸大屏上实现等比例缩放
    前端 ECharts
    Echarts图表实现大屏自适应
  • 一次搞懂数据大屏适配方案 (vw vh、rem、scale)
    当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？
    前端 数据可视化 ECharts
  • svg、canvas、css3d实现数据可视化（伪3D效果）
    这次项目用到了一些自定义的数据可视化组件，我把我做的部分抽出来几个典型做个汇总。 有些图片（例如下面这个jpg动图）太大，进行了一定程度的压缩，有点模糊（＾_＾）。 改进版：大小和亮暗用gap控制，近大远小，近亮远暗。 这篇文章画的是angle一个纬度，只要再增加另外一个纬度r…
    前端 SVG 数据可视化
    svg、canvas、css3d实现数据可视化（伪3D效果）