- 博客(9)
- 收藏
- 关注
原创 前端流程图插件选型对比
G6可以实现很多d3才能实现的可视化图表。Flowchart.js 是一款开源的JavaScript流程图库,可以使用最短的语法来实现在页面上展示一个流程图,目前大部分都是用在各大主流 markdown 编辑器中,如掘金、csdn、语雀等等。2. 文档相对不完善:相比其他成熟的图表库,G6 目前的文档相对较简单,部分功能和使用方法的描述可能不够详尽,需要进行更深入的了解与实践。2. 全面的图表类型支持:G6 支持多种常见图表类型,如关系图、流程图、树图等,可满足不同领域的数据可视化需求。
2024-07-02 14:41:38 1246
原创 vue2关系图Relation Graph
Relation Graph 是一种用于表示实体间关系的图形模型,它将复杂的实体关系可视化,使得人们能够更直观地理解实体之间的联系。在数据科学、数据库设计、人工智能、社会网络分析等多个领域有着广泛的应用。Relation Graph 可以表示一对多、多对一、多对多等各种关系,它通过节点(代表实体)和边(代表关系)来构建图形结构。优点1. 可视化表达:Relation Graph 通过图形的方式直观地展示了数据之间的复杂关系,使信息更容易被理解和记忆。
2024-07-02 13:51:24 736
原创 VUE项目使用cdn引用
element用cdn导入前面要加一个vue的cdn,这个大家都知道,但问题是如果你npm里面有vue的话,他会先用你npm里的vue来渲染你的组件,此时element还没有install到你的vue里所以会报错,在webpack里配置externals把vue从打包里去掉。本人对vue、element-ui进行了cdn引用。在public/index.html文件配置。element 用cdn导入,组件使用无效。
2023-02-10 11:32:03 2352
原创 vue点击url链接下载文件
downLoadUrl / downLoad.js文件。downLoadUrl / index.js文件。在src下面新建一个downLoadUrl的目录。在main.js注册自定义指令。
2022-10-27 15:14:18 5210
原创 vue项目使用svg图片
嗯,就这样短短一行。xlink:href 中传入 svg ID 就好了,由于在上面的配置文件中我们直接使用文件名作为 symbol 的 ID,所以这里传入的 ID 即为你想显示的图标的 svg 文件名,记得加上 #。3、新建存放svg图片的目录(这个包默认是从assets/svg下面找svg图片的,不要问我为什么。index.js代码如下,自动导入 src/icons/svg/ 下的 svg 文件。4、vue页面使用svg组件。所有svg文件自动导入。
2022-10-19 11:59:21 7858 5
原创 vue页面导出pdf文档并上传pdf格式给后台
下载依赖 yarn add html2canvas // 将页面html转换成图片 yarn add jspdf // 将图片生成pdf 定义全局函数,创建htmlToPdf.js文件 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' export default { install(Vue, options) { Vue.prototype.getPdf = function ...
2022-05-17 10:40:25 2488 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人