vue 数据可视化大屏 项目开发中，设计师设计的地图很漂亮，但是前端实现不了这种效果，这时候我们可以通过一个折中的办法来实现这种效果，以图片做地图以echarts做数据支持完成我们想要的效果。
入场动画
实现效果
echarts 自定义label内容，label使用自定义图片...
yekong
2个月前 (07-18) 2643℃
3喜欢
需求
折线图需要根据折线图在不同的数值范围折线图显示不同的颜色
实现思路
根据您的描述和ECharts的文档,折线图区间颜色渐变通常是通过visualMap组件来实现的。具体实现方式如下:
使用visualMap组件:
visualMap是一个视觉映射组件,可以将数据值映射...
yekong
2个月前 (07-06) 217℃
0喜欢
echarts自定义圆点折线图
完整运行实例
代码运行环境 vue3 vite js nodejs16
...
yekong
2个月前 (07-04) 166℃
0喜欢
数据可视化大屏项目要求渲染中国地图，并且点击地图后可以下钻到对应的省市地图，这里我们通过高德地图查询地图数据，通过echarts渲染地图效果实例.
引入高德地图api
<script src="https://webapi.amap.com/maps?v=1.3&...
yekong
5个月前 (04-22) 1218℃
0喜欢
数据可视化大屏项目开发中，经常会需要各种各样的效果实例，今天我们来汇总一下echarts雷达图效果。
4 echarts雷达图在区域刻度上显示文字
3 Echarts 雷达图 效果
2 Echarts 雷达图名称加数字效果
...
yekong
5个月前 (04-20) 201℃
0喜欢
echarts项目开发中，需要显示雷达图，雷达图要求在刻度上显示内容，今天我们将实现方法记录下来。
echarts版本
"echarts": "^5.4.1",
首选在刻度上显示内容
我们只需要在radar下面增加axisLabel设...
yekong
5个月前 (04-20) 269℃
0喜欢
echarts渲染仪表盘的时候，需要让仪表盘的指针颜色根据数值区间动态变化。
drawEcharts() {
// 基于准备好的dom，初始化echarts实例
let myChart = echarts.init(this.$refs.echarts)
...
yekong
5个月前 (04-06) 322℃
0喜欢
echarts地图渲染后，当我们点击地图时，会显示地名，这里我们并不想显示地名，那么要如何处理呢？
通过select.label.show设置为false就可以了。
select: {
label: {
show: false,
color: '#fff',...
yekong
5个月前 (04-01) 301℃
0喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts大连市地区地图geoJson数据。
大连，位于欧亚大陆东岸，中国东北辽东半岛最南端，西北濒临渤海，东南面向黄海，有包...
yekong
5个月前 (03-29) 1382℃
0喜欢
echarts点击地图跳转到指定地址
实现思路
我们实现准备地名，以及地名对应的地址，当我们点击对应地图后，获取地名并根据地名获取到对应的url跳转到对应的页面中
regionUrls: {
'北京': 'https://www.wanjunshijie.com',
...
yekong
6个月前 (03-27) 346℃
0喜欢
