数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts北京市延庆区地图点击地图获取经纬度效果实例。
echarts北京市延庆区地图点击地图获取经纬度效...
yekong
1年前 (2023-09-25)
喜欢
echarts饼状图鼠标移入后会方法,这里我们并不想放大,需要进行一下设置,这里我们使用 hoverOffset: 0来进行控制
设置前
设置后
实现代码
{
name: '市场快检',
type: 'pie',
roundCap...
yekong
1年前 (2023-09-24)
喜欢
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是北京市东城区geoJson数据下载。
echarts北京市东城区地图指定区域高亮实例
echarts让指定区域...
yekong
1年前 (2023-09-23)
喜欢
vue 数据大屏项目开发中,需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。
渲染地图首先要安装依赖
使用echarts实现3d地图,我们需要安装依赖,echarts和echarts-gl的版本是一一对应的,版本差别很大可能会报错,这里我们使用的是e...
yekong
1年前 (2023-09-10)
喜欢
最近在开发数据可是胡大屏地图,发现明明设置了地图选中后的颜色为浅白色,但是鼠标移开后,又变为了黄色,这不是我想要的效果。经过研究发现地图设置有两种,一种是鼠标移入后的颜色,一种是选中后的颜色,分别由两个字段控制。
选中后的颜色有select控制
selectedMode: &q...
yekong
1年前 (2023-09-08)
喜欢
echarts 实现3d地球效果,之前有一个项目进口食品安全智慧监管决策大屏要求实现3d地球效果,在学习threejs的时候有学到threejs实现3d地球效果,于是
在想echarts能不能实现3d地球飞线旋转效果呢?搜索发现是可以实现的。
echarts 实现3d地球是通过...
yekong
1年前 (2023-08-22)
喜欢
echarts 宽度只有4的柱状图,带背景图,柱状图为不同颜色的渐变色柱状图。
效果截图
组件代码
<template>
<div class="echarts1" ref="echarts">
<...
yekong
1年前 (2023-08-14)
喜欢
数据可视化大屏项目 开发中,客户反馈echarts图表里的tooltip会出现抖动问题
不使用tooltip
没有tooltip就没有抖动的问题了。
tooltip: {show: false},
将transitionDuration设置为0,让tooltip紧跟鼠标
too...
yekong
1年前 (2023-08-13)
喜欢
数据可视化大屏 项目开发中,有一个折线图效果,折线图要求label数值大于40显示为蓝色小于40的显示为绿色。这里使用了渐变色的方式来控制线条的颜色。
echarts版本
"echarts": "^5.2.0",
实现代码
drawEc...
yekong
1年前 (2023-08-13)
喜欢
数据可视化大屏 项目开发中,设计图中有一个效果比较特殊,用echarts代码实现的话,可能没办法实现这种效果,于是想到用图片的方式来实现。
设计图效果截图
echarts渲染后的效果
柱状图分为三部分,顶部中间以及底部三部分。
实例代码
drawLine() {
var...
yekong
1年前 (2023-08-12)
喜欢