会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
世界之大
万物皆可吃
博客园
首页
新随笔
联系
管理
订阅
2024年7月26日
DevExtreme框架由于数据量太大,加载太慢,采用分页方式进行处理(基本上所有的操作都从客户端转移到了服务端)
摘要: 首先我们需要引入官方的一个函数: import CustomStore from 'devextreme/data/custom_store'; 我们需要通过这个函数去处理交互数据 先放个图: 上图中跟分页有关的属性分别是: 1.:data-source="store" ,这个是存放数据源用的,需要
阅读全文
posted @ 2024-07-26 09:00 大云之下
阅读(134)
评论(0)
推荐(0)
2024年3月16日
vue3+ts 上传组件
摘要: 本来是用的jeecg-vue3中的上传组件,如下图: 功能上还是蛮全的,就是上图中这个链接的代码死活找不到,查了下,是基于antv的a-upload实现的。但是antv中也没找到,上图这个只有移入删除的功能 但是我这边的需求是点击链接可以直接在网页预览,而不是下载,移入后有个删除和下载的功能按钮。
阅读全文
posted @ 2024-03-16 10:42 大云之下
阅读(650)
评论(0)
推荐(0)
2024年2月26日
DevExtreme项目相关记录
摘要: 1.DxDataGrid是网格(表格标签) 如上图所示: 里面的属性意思如下: data-source : 动态的数据源 show-borders : 用于控制是否显示表格单元格之间的边框 column-width : 设置列的最小宽度 column-auto-width:自适应列的宽度 key-e
阅读全文
posted @ 2024-02-26 15:39 大云之下
阅读(196)
评论(0)
推荐(0)
2023年12月18日
echarts柱状图 按比例展示(某一条数据量过大,其他的数据显示的很不显眼时使用)
摘要: yAxis: { type: "log", }, 就这样就可以了。。。
阅读全文
posted @ 2023-12-18 21:12 大云之下
阅读(197)
评论(0)
推荐(0)
2023年10月23日
高德地图在vue中实现,路线规划实现
摘要: 1.引入方式: npm i @amap/amap-jsapi-loader --save 2.创建地图组件 3. 代码构成 template: <template> <div class="mapComponents" id="container"></div> </template> script
阅读全文
posted @ 2023-10-23 17:32 大云之下
阅读(1811)
评论(0)
推荐(0)
2023年8月8日
vue-pdf 在vue中展示pdf
摘要: 老规矩先看效果图: 这玩意的坑是相当的多,如果只是单纯的网页浏览,真心建议直接使用 <iframe> 来进行嵌入pdf吧,省心也省事 我这边的web页面是需要放到客户端里面的,然后由于某些原因吧,不支持显示iframe嵌入的pdf网页,只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧,我尽
阅读全文
posted @ 2023-08-08 15:31 大云之下
阅读(2676)
评论(0)
推荐(0)
2023年7月20日
柱状图-隔行变色
摘要: 效果图: 代码: const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ tooltip: { trigger: "axis", show: true, backgroundColor: "rgba(0
阅读全文
posted @ 2023-07-20 17:36 大云之下
阅读(47)
评论(0)
推荐(0)
柱状图-横向柱状图-不同颜色
摘要: 效果图: 代码: //获取echart实例 const chart = this.refs.vChartRef.chart const data = [{ value: 800, name: '已接用' }, { value: 400, name: '剩余' }, { value: 400, nam
阅读全文
posted @ 2023-07-20 17:34 大云之下
阅读(100)
评论(0)
推荐(0)
环形图-阴影渐变
摘要: 效果图: 代码: const chart = this.refs.vChartRef.chart const dataArray = [ { name: "总容量", value: 1200 }, ]; // var labelshow = true; // var centerimg = true
阅读全文
posted @ 2023-07-20 17:34 大云之下
阅读(36)
评论(0)
推荐(0)
饼图-带label引导线
摘要: 效果图: 代码: const chart = this.refs.vChartRef.chart function upOpt() { chart.setOption({ color: ['#009DFF', '#22E4FF'], legend: { show: true, top: "cente
阅读全文
posted @ 2023-07-20 17:30 大云之下
阅读(52)
评论(0)
推荐(0)
下一页
公告
大云之下