数据可视化大屏项目开发中,经常会需要各种样式的折线图效果,今天要实现的效果是阶梯型的折线图。这里阶梯型折线图我们可以通过设置step: 'start',来实现
echarts版本
"echarts": "^5.4.0",
step参数
...
yekong
2个月前 (02-20) 156℃
0喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts咸宁市地区地图geoJson数据。
咸宁,湖北省辖地级市。全市共辖1个市辖区、1个县级市、4个县,总面积10033平...
yekong
2个月前 (02-18) 563℃
0喜欢
vue 数据可视化大屏 项目开发中,设计师设计的地图很漂亮,但是前端实现不了这种效果,这时候我们可以通过一个折中的办法来实现这种效果,以图片做地图以echarts做数据支持完成我们想要的效果。
入场动画
实现效果
echarts 自定义label内容,label使用自定义图片...
yekong
2个月前 (02-18) 1853℃
3喜欢
echarts项目开发中,需要实现多个环形进度条的效果,类似下图,环形进度条只会渲染四分之三的区域最后的四分之一的区域显示label描述,但是在实际渲染的时候,会遇到当其中一个数字太大占比超过75的时候,进度条会超出75%我们需要限制其最大不能超出75%,且lable正常显示。
...
yekong
3个月前 (01-31) 355℃
0喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts黄冈市地区地图geoJson数据。
黄冈,古称黄州,湖北省辖地级市,武汉城市圈城市之一。黄冈地处鄂东、大别山南麓、长...
yekong
3个月前 (01-26) 892℃
0喜欢
echarts 在渲染地图的时候,我们需要将其中一个地点作为目的地,其他所有地点都向这个地点进行飞线。
关键代码
这里我们以echarts临洮县的洮阳镇为例,设置洮阳镇为飞线的目的地.
var fData = []
for (var key in geoCoordMap) {
...
yekong
3个月前 (01-17) 166℃
0喜欢
随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理定西市临洮县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
...
yekong
3个月前 (01-17) 587℃
0喜欢
vue数据可视化大屏项目开发中需要实现仪表盘效果,效果图如下:
最外层刻度
我们在实现效果的时候需要需要分多步走,首先是最外层向内渐变效果,加刻度加数字标识,通过使用radial colorStops 达到颜色渐变效果
{
name: '刻度尺',
type:...
yekong
3个月前 (01-15) 2704℃
1喜欢
echarts实现仪表盘效果,仪表盘有多段不同的颜色,带指针,并且仪表盘显示数字刻度
实例代码
<template>
<div class="echarts1" ref="echarts1">
</...
yekong
3个月前 (01-15) 179℃
0喜欢
数据可视化大屏 开发中,需要显示各种各样效果的仪表盘,所以整理汇总遇到过的各种效果的仪表盘实例,希望可以快速复用,节约开发时间。
echarts实现仪表盘效果
echarts 实现仪表盘实例颜色渐变效果
...
yekong
3个月前 (01-15) 240℃
0喜欢