图表modal antd antv
a-modal---自定义页脚
描述： 之前项目里有个table内单条记录对它查看详情，修改，由于用的页面类似，所以想办法单纯控制模态框页脚的展示 过程： 最开始看文档以及搜索查阅的时候，由于modal自带了按钮的prop设置，属性与button的prop属性一样，所以对其设置css设置，通过css的display的设置为none ......
修改antd的table合并行之后CheckBox不能合并的问题
修改后的效果图如下： <template> <page-header-wrapper :title="false" :breadcrumb="{routes:[]}" > <div> <div class="list"> <a-table :columns="columns0" :row-key=" ......
解决antd中，select和DatePicker组件不跟随页面滚动的问题
在开发过程中，经常会使用到Select、DatePicker等组件，当这些组件在可滚动的区域内滚动时，你会发现该组件的选项框也会跟着滚动，产生分离 解决方法antd的官方API给我们提供了getPopupContainer属性，该属性是菜单渲染的父节点，默认是body。只要添加该属性，设置好父节点， ......
实现一个简易的antd表格拖拽
<a-table :columns="columns" :data-source="dataSource"> <template slot="icon" slot-scope="record"> <div style="cursor: pointer;" :draggable="true" @dra ......
web图表
example:https://echarts.apache.org/examples/zh/index.html doc:https://echarts.apache.org/zh/api.html#echarts ......
Antd上传多个文件，其中与已上传的文件列表某个文件同名，覆盖同名文件并上传
上传多个文件，若其中有与已经上传的文件列表中有同名文件，后者覆盖掉同名文件并上传加入到已经上传的文件列表中。 <template> <a-upload action="https://www.mocky.io/v2/5cc8019d300000980a055e76" :multiple="true" ......
Antd上传多个文件中有文件与已上传的文件列表文件同名，覆盖已有的同名文件
场景：使用antd-design-vue中的upload时，通过后端保留上次上传过的文件列表，二次上传文件时，若与已上传文件列表中某个文件同名，则上传后覆盖掉已上传文件列表中的同名文件。 upload代码： <template><a-upload action="https://www.mocky. ......
可视化组件plotly.js绘制简单图表示例之直方图、饼图、箱型图
直方图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> <div id="myD ......
可视化组件plotly.js绘制简单图表示例之散点图、折线图、柱形图和气泡图
scatter散点图 折线图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> < ......
echarts图表随着视图窗口的大小resize改变图表大小的实现
最近使用echarts比较多，之前用的比较少，这次使用时发现视图窗口变小以后在恢复原来的大小，图表不会自己恢复。 通过监听视图变化调用图表的resize()方法解决了问题 window.onresize = () => { console.log("窗口大小改变了"); if (this.weekC ......
antv g6 如何在 stateStyles 中配置 labelCfg
根据官方文档的说明，从 AntV G6 3.4 版本开始已经支持子图形状态样式： // 节点不同状态下的样式集合 nodeStateStyles: { inactive: { opacity: 0.4, 'text-shape': { // 节点label文字设置 opacity: 0.4 } }, ......
【笔记】electron + react + antd
electron Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Li ......
界面控件DevExtreme的图表组件——一个高性能数据可视化组件
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 De ......
Qt开发技术：Q3D图表开发笔记（一）：Q3DScatter三维散点图介绍、Demo以及代码详解
前言 qt提供了q3d进行三维开发，虽然这个框架没有得到大量运用也不是那么成功，性能上也有很大的欠缺，但是普通的点到为止的应用展示还是可以的。 其中就包括华丽绚烂的三维图表，数据量不大的时候是可以使用的。 Demo：Q3DScatter散点图演示效果 Q3D提供的三维图表 依赖QtDataVisua ......
antd 3.x升4.x踩坑之路～
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 兼容性问题 第三方依赖兼容问题 React - 最低 v16.9，部分组件使用 hooks 重构 react升级相关文档 Less - 最低 v3.1.0，建议升级到 ......
react 高效高质量搭建后台系统 系列 —— antd和样式
其他章节请看： react 高效高质量搭建后台系统 系列 antd 后续要做登录模块（主页），不仅要解决请求数据的问题，还需要完成 antd 配置以及样式的准备。 antd 多种主题风格 详情请看 这里 spug 没有提供多种主题风格。 笔者还是决定稍作研究，万一公司需要呢。 步骤如下： 安装 le ......
可视化—AntV G6 高亮相邻节点的两种方式
通过官方文档，可知高亮相邻节点分为两种方法，文档描述并不是很清楚，对刚接触这个库的小白并不是很友好，慢慢总结慢慢来吧 内置的高亮节点 是通过内置的Behavior **activate-relations**来实现，Behavior 是 G6 提供的定义图上交互事件的机制。与交互模式 Mode配合使 ......