数据可视化大屏项目开发中,为了增加大屏样式的多元化,会设置各种各样的样式,今天要实现的效果样式是label分为两行,引导线从label两行文字中间穿过。
echarts版本
"echarts": "^5.2.0",
关键代码
label...
yekong
8个月前 (02-22)
喜欢
数据可视化大屏项目开发中,如果菜单太多的话,我们就需要滚动显示。
这里我们要实现菜单可以鼠标拖动滚动,左右箭头点击滚动,点击菜单对应的菜单居中,如果左侧或者右侧没有多余的菜单了则不再滚动。
动态效果
使用到的插件
"@better-scroll/core"...
yekong
9个月前 (02-21)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理随州市随县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts随州市随县geoJson地图 v...
yekong
9个月前 (02-21)
喜欢
echarts在渲染柱状图的时候,为了增加效果多元化,这里增加了一个倾斜纹的效果,也就是echarts的无障碍花纹效果。这里通过aria来进行设置。
echarts版本
"echarts": "^5.4.0",
实例代码
drawLin...
yekong
9个月前 (02-21)
喜欢
数据可视化大屏项目开发中,经常会需要各种样式的折线图效果,今天要实现的效果是阶梯型的折线图。这里阶梯型折线图我们可以通过设置step: 'start',来实现
echarts版本
"echarts": "^5.4.0",
step参数
...
yekong
9个月前 (02-20)
喜欢
数据获取
地铁线路图geoJson数据获取,手动获取我们需要的地铁线路数据。
threejs 实现流光线路图效果
动态效果
演示地址
threejs 实现流光线路图效果
实例代码
<script>
import * as THREE from 'three';
i...
yekong
9个月前 (02-18)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts咸宁市地区地图geoJson数据。
咸宁,湖北省辖地级市。全市共辖1个市辖区、1个县级市、4个县,总面积10033平...
yekong
9个月前 (02-18)
喜欢
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理咸宁市通山县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
通山县,位于湖北省东南部,隶属咸宁市,为武汉城市圈重要组成...
yekong
9个月前 (02-18)
喜欢
数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是随州市曾都区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
曾都区,隶属湖北省随州...
yekong
9个月前 (02-18)
喜欢
数据可视化大屏项目开发中,经常需要请求数据,今天讲接口请求数据的流程记录一下。
axios封装
我们创建一个文件request.js
import axios from 'axios'
// import {Message} from 'element-ui'
import {b...
yekong
9个月前 (02-18)
喜欢