可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理荆州市江陵县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
江陵县位于中国湖北省荆州市,地处江汉平原...
yekong
1年前 (2023-12-18)
喜欢
echarts 自定义图片柱状图效果,使用图片实现实现并列柱状图的渲染.
实例代码
drawLine() {
var that = this
window.addEventListener('resize', this.drawLine)
let myChart =...
yekong
1年前 (2023-12-18)
喜欢
vue项目开发中,后端提供的是WebSocket,这里记录一下前端请求ws获取数据的代码实例
这里我们将ws接口地址单独放在一个配置文件中,方便后期修改。
之前的项目开发中是使用之前的ws请求写法
调试输出请求的数据
请求实例代码
<script>
import {...
yekong
1年前 (2023-12-18)
喜欢
最近机械键盘的.键失效了,只有一个按键失效,值不当的购买新键盘,但是没有.键也不行,于是想到使用Karabiner-Elements 来将右alt键代替.键来工作。
要使用Karabiner-Elements将Mac上的右Alt键替换成其他键的功能,你可以按照以下步骤操作:
...
yekong
1年前 (2023-12-18)
喜欢
echarts 饼状图颜色渐变以及tooltip自定义样式,tooltip使用自定义html
echarts组件代码
<template>
<div class="echartsBody">
<div class=&...
yekong
1年前 (2023-12-17)
喜欢
数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是荆州市监利市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
监利市是中国湖北省荆州...
yekong
1年前 (2023-12-17)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏顶部组件 - 管理平台数据大屏。
效果截图
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动...
yekong
1年前 (2023-12-15)
喜欢
数据可视化大屏 项目开发中,需要实现数字滚动效果,这里我们使用 gsap 来封装成一个vue组件实现我们想要的效果。
动画效果
使用组件
<numcard :number="item.value" :delay="index*0.15+'s...
yekong
1年前 (2023-12-14)
喜欢
vue 项目中需要使用videojs进行视频自动播放,但是设置了autoplay: true后视频仍然没有自动播放。
<template>
<div class="video-js">
<video ref="...
yekong
1年前 (2023-12-14)
喜欢
可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理荆州市公安县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
公安县位于湖北省中南部边缘,长江南岸,是江汉平原与洞庭湖...
yekong
1年前 (2023-12-13)
喜欢