echarts大屏可视化
用vue3+echarts实现一些基本的大屏数据图表
不吃辣椒不行
不想干程序员了~
展开
-
vue3+echarts实现带有间隔的双重环图
1.在template中定义。2.在js中完成对数据的处理。3.对圆环图进行配置。原创 2024-05-17 11:11:09 · 329 阅读 · 0 评论 -
vue3+echarts实现进度类型+自定义背景label+3d渐变柱状图
利用vue3+echarts实现一个带有自定义背景label的3d柱状图。在此处我用的tailwind css,因为实在不想起class名字。原创 2024-05-17 15:45:50 · 247 阅读 · 0 评论 -
vue3+echarts实现渐变色环形图
实现的效果大致是这样,由于是公司的项目,指引线后标注的内容不展示了,大致是指引线上方是name,下边是value+单位。具体的代码如下:将接口转换成自己的就好了,我这个是随机生成的颜色渐变,如果有需求可以固定一个颜色数组。通过接口拿到的数据类型一般是:[{} ,{}]这种类型的,写一个方法将其转变为我所需要的形式。原创 2024-05-21 14:27:31 · 457 阅读 · 0 评论 -
vue3+echarts实现3d环形图
2.在页面定义容器,本css是tailwind css,width和height依据你所需要的图形大小自己定义。3.在js文件中引入echarts和echarts-gl。1.安装echarts-gl。原创 2024-05-20 16:08:31 · 357 阅读 · 0 评论