数据可视化
21篇文章 · 0订阅
  • 数据大屏最简单适配方案
    大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简单方便的方案
    前端 React.js Vue.js
    数据大屏最简单适配方案
  • 【可视化】echarts折线图缩放和平移
    背景 场景是一个任务的完整执行后需要展示速度和时间曲线，当时间宽度很长时，数据点其实是很多的。这个时候就需要缩放了。 我一开始以为echarts不能做，后来一看还是有api的。很方便。 代码实现 先上
    JavaScript ECharts
  • Echarts-实现一个下钻伪3d地图
    最近在大屏可视化项目中有个展示地图的功能，要求： 好看排第一 支持钻入钻出 能单独展示省份、地市，因为客户数据有的是省级，有的是市级 得到这个需求后第一个想到的就是Echarts，所以打开Echart
    ECharts 前端
    Echarts-实现一个下钻伪3d地图
  • CSS动画效果-动起来的精灵图(雪碧图)
    利用CSS让精灵图动起来 主要使用了动画效果，精灵图的载在展示框中移动，展示框在可视屏幕上移动，就产生了🐻在奔跑的假象
    前端
    CSS动画效果-动起来的精灵图(雪碧图)
  • echarts饼图，柱状图的各种属性及效果
    echarts饼图，柱状图的各种属性及效果 本文已参与「新人创作礼」活动， 一起开启掘金创作之路。 环图有阴影 分裂的环图 柱状图
    前端
  • 不定高度展开收起动画 css/js 实现
    不定高度元素实现展开收起动画，分别使用 css 与 js 实现，元素展开收起动画不在发愁，直接搞定。
    前端 CSS
    不定高度展开收起动画 css/js 实现
  • CSS 绘制任意角度扇形--clip-path(css)
    本文介绍了使用 CSS 的 clip-path 属性来实现扇形的方法。通过使用 polygon() 函数定义裁剪路径，可以创建任意角度的扇形。文章给出了具体步骤，
    CSS 前端
    CSS 绘制任意角度扇形--clip-path(css)
  • scss神奇魔法完成一个手机充电动画
    本期也作为[充电水滴动画]的一次扩展延伸，我们将带大家一起通过使用scss从零开始完成这个手机充电动画的案例，里面包含了一些css小技巧，希望大家喜欢。
    前端 SCSS
    scss神奇魔法完成一个手机充电动画
  • 3分钟实现充电水波特效 html+css
    效果（源码在最后）： 这个效果跟水波加载动画 html+css是异曲同工之妙的。效果不难实现，但是这个‘偷天换日’的用法是值得学习的。 实现： 1. 定义标签，.container是底层盒子也就是电池
    前端
    3分钟实现充电水波特效 html+css
  • CSS动画？教你使用障眼法，打造炫酷充电效果
    该篇文章的例子同时也算是我CSS动画的启蒙之作，思路来源于掘友的一篇文章，文末有链接，但只提供思路，于是我打算实现一波，顺便分享一下动画制作过程中的心得体会。也算是应证了，当你打开思路以后，动画，真的很简单。 接上篇文章JS动画？其实没你想的那么难。150行代码，带你走进新世界…
    CSS
    CSS动画？教你使用障眼法，打造炫酷充电效果