vue3 数据可视化大屏 开发中,有个要求,地图要可以实现测距,搜索了一下高德地图支持这个功能,将实现方法记录一下。
演示实例
引入高德地图
<script type="text/javascript"
src="h...
yekong
2年前 (2023-04-18)
喜欢
可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是驻马店市汝南县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
汝南县,隶属于...
yekong
2年前 (2023-04-18)
喜欢
vue 数据可视化大屏 管理局大数据平台,项目一共有4个页面组成。
开发环境
vue2 + webpack + js nodejs 14
分辨率
1920*1080
管理局大数据平台-首页
演示地址
管理局大数据平台-首页
项目截图
管理局大数据平台-内页
演示地址
管理局大...
yekong
2年前 (2023-04-17)
喜欢
进度条效果:
进度条颜色是渐变色,可以通过传值自定义
进度条带有动画效果 使用gsap实现补间动画
进度条有默认背景色
进度条宽度根据总数和当前数据计算百分比
数字居右展示
演示地址
使用组件
<template>
<div class="li...
yekong
2年前 (2023-04-17)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts唐山市路南区地图阴影代码演示。
路南区,隶属河北省唐山市;位于唐山市区南半部,总面积117.4平...
yekong
2年前 (2023-04-17)
喜欢
echarts 柱状图顶部显示label 柱状图自身颜色渐变,并显示单位,网格线为虚线效果。
演示实例
使用组件
<template>
<div class="itemBodys">
<echarts1 :list...
yekong
2年前 (2023-04-17)
喜欢
大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市泌阳县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
泌阳县,隶属于河南省驻马店市,位于驻马...
yekong
2年前 (2023-04-17)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市确山县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
确山县,位于河南省南部,淮河北岸,西依桐柏...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 表格自定义排行榜样式效果组件。
通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,使用自定义样式来实现排名表格效果。
演示地址
使用组件
<template>...
yekong
2年前 (2023-04-17)
喜欢
大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市正阳县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
正阳县,隶属于河南省驻马店市,地处淮汝...
yekong
2年前 (2023-04-17)
喜欢