- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue3+echarts实现渐变电池环形图+自定义图例（仅适用于背景不透明的情况）
实现的效果如下：这个图表就是在渐变环形图的基础上进行构造的，同样的我的data的结构同渐变圆环图的一样由于ui图的设计中的图例在基本的结构中没有，在echarts中定义了一些图例的形状。
2024-05-21 16:23:33
589
原创 vue3+echarts实现简单的词云图
在数字孪生大屏可视化中经常会出现词云图，用于关键词渲染。1.首先安装echarts-wordcloud。
2024-05-21 15:43:38
472
原创 vue3+echarts实现自定义折线拐点样式的折线图
在series中的symbol属性中可以定义，比如：circle （圆形），rect（矩形），roundRect（圆角矩形），triangle（三角形），diamond（菱形），pin（地图针），arrow（箭头），none（无标记点），image://url（自定义图片）。1.在echarts的折线图的拐点样式，文档中就给了好多。
2024-05-21 14:56:57
448
原创 vue3+echarts实现渐变色环形图
实现的效果大致是这样，由于是公司的项目，指引线后标注的内容不展示了，大致是指引线上方是name，下边是value+单位。具体的代码如下：将接口转换成自己的就好了，我这个是随机生成的颜色渐变，如果有需求可以固定一个颜色数组。通过接口拿到的数据类型一般是：[{} ,{}]这种类型的，写一个方法将其转变为我所需要的形式。
2024-05-21 14:27:31
710
原创 vue3+echarts实现3d环形图
2.在页面定义容器，本css是tailwind css，width和height依据你所需要的图形大小自己定义。3.在js文件中引入echarts和echarts-gl。1.安装echarts-gl。
2024-05-20 16:08:31
966
原创 vue3+echarts实现进度类型+自定义背景label+3d渐变柱状图
利用vue3+echarts实现一个带有自定义背景label的3d柱状图。在此处我用的tailwind css，因为实在不想起class名字。
2024-05-17 15:45:50
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人