echarts 实现左右两个y轴柱状图,添加单位,双渐变色柱状图,折线图底部颜色渐变。
组件代码
<template>
<div class="echarts1" ref="echarts">
</d...
yekong
11个月前 (02-25)
喜欢
vue 数据可视化大屏 项目开发中,为了突出柱状图的最大值和最小值,我们需要单独设置最大值和最小值的柱状图颜色,将实现效果记录下来。
使用实例
<template>
<div class="itemBodys">
<...
yekong
11个月前 (02-25)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts随州市地区地图geoJson数据。
随州,湖北省辖地级市,位于湖北省北部,东承武汉,西接襄阳,北临南阳、信阳,南达荆...
yekong
11个月前 (02-22)
喜欢
echarts在绘制饼状图的时候,为了让饼状图能够多样性,会设计出多种不同样式的饼状图,今天的饼状图是有一种立体感的饼状图,效果如下:
这里的饼状图分为两层,我们让两层饼状图稍微错位一点再给一个深浅不同的颜色就实现了我们想要的效果。
实例代码
<template>
...
yekong
11个月前 (02-22)
喜欢
echarts饼状图label引导线穿过字体的效果
echarts饼状图label引导线穿过字体的效果
echarts绘制有立体感的饼状图
echarts绘制有立体感的饼状图
echarts饼状图设置为圆角
echarts饼状图设置为圆角
echarts 饼状图文字随着扇形...
yekong
11个月前 (02-22)
喜欢
数据可视化大屏项目开发中,为了增加大屏样式的多元化,会设置各种各样的样式,今天要实现的效果样式是label分为两行,引导线从label两行文字中间穿过。
echarts版本
"echarts": "^5.2.0",
关键代码
label...
yekong
11个月前 (02-22)
喜欢
echarts在渲染柱状图的时候,为了增加效果多元化,这里增加了一个倾斜纹的效果,也就是echarts的无障碍花纹效果。这里通过aria来进行设置。
echarts版本
"echarts": "^5.4.0",
实例代码
drawLin...
yekong
11个月前 (02-21)
喜欢
数据可视化大屏项目开发中,经常会需要各种样式的折线图效果,今天要实现的效果是阶梯型的折线图。这里阶梯型折线图我们可以通过设置step: 'start',来实现
echarts版本
"echarts": "^5.4.0",
step参数
...
yekong
11个月前 (02-20)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts咸宁市地区地图geoJson数据。
咸宁,湖北省辖地级市。全市共辖1个市辖区、1个县级市、4个县,总面积10033平...
yekong
11个月前 (02-18)
喜欢
echarts项目开发中,需要实现多个环形进度条的效果,类似下图,环形进度条只会渲染四分之三的区域最后的四分之一的区域显示label描述,但是在实际渲染的时候,会遇到当其中一个数字太大占比超过75的时候,进度条会超出75%我们需要限制其最大不能超出75%,且lable正常显示。
...
yekong
12个月前 (01-31)
喜欢