vue
鲤鱼_599
我很懒,学到哪儿记到哪儿,不记录下次还会有相同的问题,还得再查一遍
展开
-
echarts自定义折线图的图例为渐变色
折线图自定义渐变色图例- 渐变色图例- 渐变色面积- 标注线、标注文字原创 2023-05-08 15:27:03 · 517 阅读 · 1 评论 -
echarts改柱状图的tooltip中圆圈为方块型(自定义柱状图提示框)
【代码】echarts改柱状图的tooltip中圆圈为方块型(自定义柱状图提示框)原创 2023-02-28 09:25:16 · 1194 阅读 · 0 评论 -
vue+echarts 绘制一个雷达图组件,每个点的颜色不同,按照顶点的数据所在显示图例
【代码】vue+echarts 绘制一个雷达图组件,每个点的颜色不同,按照顶点的数据所在显示图例。原创 2023-02-28 09:21:33 · 1203 阅读 · 0 评论 -
vue + echarts绘制一个堆叠图(基于折线图)可复用的组件
数据总共是五条,每天的数据的百分数,已设置默认值,可不传参直接引用。但是父组件记得设置高度。原创 2023-02-06 14:34:01 · 773 阅读 · 3 评论 -
28、echarts实战:一个包含水波图,圆角环形图(类似仪表盘)的echarts,带部分注释
echarts实战:一个包含水波图,圆角环形图(类似仪表盘)的echarts,带部分注释原创 2022-11-01 15:34:12 · 713 阅读 · 0 评论 -
26、vue项目 文件附件的预览、下载和动态删除组件(仅查看无上传)——包含mp4预览,mp3预览,图片预览,PDF预览等
视频播放使用的是video.js音频播放使用的是audio文件查看使用的是iframe需要能够渲染到页面上后,能够预览,包括mp4,png,mp3,jpg等,其中的视频和音频的播放都是写死的,从网上找的测试的文件,如果是后端有具体的返回的话自己进行拼接一下即可。原创 2022-10-26 14:10:57 · 2122 阅读 · 0 评论 -
24、将Div中的所有元素保存为图片 Html2Canvas
纯base64是从逗号之后算起的,越长说明图片越大。这里的主要是保存为base64格式的数据流。farmImage是div盒子的属性。这是整个div保存下来的图片。点击按钮之后触发的函数。原创 2022-09-07 08:41:41 · 2355 阅读 · 0 评论 -
23、echarts折线图间隔显示折线上的数据(隔一个显示一个)
注:option中的series的部分配置,着重强调formatter的位置。其中opinionData数据是折线数据,也就是series中的data数据。原创 2022-09-01 11:10:10 · 5544 阅读 · 1 评论 -
21、记vue项目中echarts绘制折线图(一些小细节,含完整代码)
1、其中包括横坐标特别多,如何处理为需要的间隔。2、横纵坐标与折线图的距离的问题。3、折点上的数据显示位置设置。4、面积内的渐变色设置。原创 2022-08-26 16:44:47 · 922 阅读 · 0 评论 -
vite2.0+vue3.0项目引入Element-Ui
在项目根目录终端运行以下代码npm install element-plus --save。// 整合ElementPlusimport ElementPlus from 'element-plus'import 'element-plus/dist/index.css'原创 2022-08-02 09:50:47 · 698 阅读 · 0 评论 -
vite2+vue3项目热更新
vite2+vue3项目热更新得去检查router路由中的导入的路径,大小写需要准确。原创 2022-07-29 09:29:56 · 323 阅读 · 0 评论 -
3、使用Vite+Vue3搭建一个简单项目
搭建环境需要使用node,npm,还需要自己装vite环境,如果没有的去装一下。后续需要eslint,router,vuex等其他的再添加,详情可见。进入你需要装项目的文件夹下,在路径位置输入cmd打开命令行。创建成功后,你的文件夹中就有这个项目了。能看到,本地localhost可以访问。这里就创建了一个很轻量vue3框架。...原创 2022-06-28 15:52:35 · 2497 阅读 · 0 评论 -
vue3 echarts绘制柱状图,三角形的柱子,每个柱子不一样的颜色且渐变
vue3 echarts绘制柱状图,三角形的柱子,每个柱子不一样的颜色且渐变原创 2022-07-27 15:17:30 · 3051 阅读 · 4 评论 -
vue echarts绘制市级地图下钻(带注释)
------以浙江嘉兴市为例其次要知道怎么在vue中使用echarts,可参考其中的第二部分如果是要绘制中国地图和省级的话可以直接安装echarts,在其中找到map下的文件即可引用成品图。原创 2022-07-25 14:40:17 · 3318 阅读 · 1 评论 -
10、vue表格Table数据展示,隔行不同色效果
vue表格Table数据展示,隔行不同色效果原创 2022-07-19 13:30:49 · 1295 阅读 · 0 评论 -
9、vue echarts环形百分比统计图且内容渐变色
vueecharts环形百分比且渐变色。原创 2022-07-15 16:36:08 · 1604 阅读 · 0 评论 -
8、vue3+vite2使用公共自定义样式less
之前踩坑一直用的都是vuecli的。用的这种,但是并没有成功。然后查到了这个尝试了一下。原创 2022-07-15 09:02:57 · 867 阅读 · 0 评论 -
6、vue之v-for循环数组
vue之v-for循环数组原创 2022-07-12 16:51:46 · 966 阅读 · 0 评论 -
5、vue3项目axios请求网络接口封装
配置vite.config.js文件vue中使用最简单的样例,url的位置拼写全部的路径,需要自己手拼把data发送的数据单独拿出来vue页面的使用封装一般来说我们不会把URL直接写在vue页面中,所以就要原创 2022-07-11 11:20:54 · 3087 阅读 · 0 评论 -
4、vite2+vue3项目使用router+echarts+eslint(较为详细,内含配置代码和初始使用)
vite2+vue3项目使用router+echarts+eslint原创 2022-07-05 16:21:02 · 1621 阅读 · 0 评论