
d3/js/svg
文章平均质量分 76
dengzeyuan
1033432257
展开
-
基于d3(v5.x)/jquery和svg,初步实现流程图和思维导图
基于d3(v5.x)(主要用到选择器)或者jquery(也是主要用选择器)实现初步元素之间连线,因为在做流程图和思维导图用到的主要技术就是元素之间的连线,通过svg可以将html元素连接起来。经过此次编写个人认为主要是坐标的计算。在通过svg里面的line或者path画线即可。下面为实现的代码(代码里有注释)和示意图。仅供参考(如果能帮到别人当然更好)。下图所示,左边的div里面的元素都可以拖动到...原创 2018-05-14 22:58:52 · 6746 阅读 · 0 评论 -
d3分区扇形拼接雷达图(regional_radar),vue组件间通信,js模块和vue组件互相引用,vue-router,element-ui,axios,echarts,less(开箱即用)
项目基于vue-v2.x版本搭建,包含了:vue组件,组件间通信,外部js模块和vue组件的互相引用,vue-router,element-ui,axios,echarts,less(全部配置好,开箱即用)。 分区域雷达图通过d3完成,每个区域代表唯一的分类和对应的子类(每个子类坐标单位不同,也为唯一),通过多个扇形区域拼接成一个完整雷达图(regional_radar)。分区域扇形雷达图(...原创 2018-06-09 17:10:20 · 2246 阅读 · 2 评论 -
js按住鼠标左键选中网格元素,被选中的网格位置上填充可输入内容,插入图片等的容器。并且网格上的容器,可拖动、改变尺寸、但互相之间不可重叠(如果重叠回到上一次的状态)。
js/jquery 按住鼠标左键圈选网格,圈选网格颜色变深, 圈选区域不可重叠,被选中的网格位置上填充可输入内容,插入图片、媒体,表格、echarts图表等的容器。并且网格上的容器可拖动,可改变尺寸,但不可重叠(如果重叠回到上一次的状态),上述要求为本次实际开发项目(vue框架)中的要求,目的是让用户创建自定义报告内容。因为将这部分交互功能单独封装了起来,所以分享出来还是希望和大家互相学习。...原创 2018-11-13 17:47:22 · 1215 阅读 · 1 评论