- 博客(8)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 d3-v4.x版本-世界地图
v4.x 版本-世界地图代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：一、球形世界地区二、等距圆通投影实现代码如下：（包含关键代码注释）两种实现方式代码都放在了一起，前半部分被注释掉的为 球形世界地区 <template> <div class="hello"> ...
2018-11-20 14:57:08
3607
1
原创 d3-v4.x版本-弦图
v4.x 版本-弦图代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：实现代码如下：（包含关键代码注释）<template> <div class="hello"> </div></template><script>const d3 = ...
2018-11-20 14:32:39
725
原创 d3-v4.x版本-力导向图
v4.x 版本-力导向图代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：每个节点都可以进行拖拽，并伴随力矩的效果 实现代码如下：（包含关键代码注释）<template> <div class="page"> </div></template>...
2018-11-20 11:16:08
1419
原创 d3-v4.x版本-环状图
v4.x 版本-环状图代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：实现代码如下：（包含关键代码注释）<template> <div class="hello"> </div></template><script>const d3 ...
2018-11-20 11:05:54
563
原创 d3-v4.x版本-散点图（拖拽、缩放散点元素）
v4.x 版本-散点图（拖拽、缩放散点元素）代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：一、默认状态二、拖拽散点元素因为加了延迟动画，所以拖动的时候会有延时的动画效果。三、缩放散点元素；注意：在滚轮对元素放大/缩小的时候，相应的坐标系也是会跟着放大/缩小实现代码如下：（包含关键代码注释...
2018-11-20 10:52:36
1560
原创 d3-v4.x版本-折线图
v4.x 版本-折线图代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：实现代码如下：（包含关键代码注释）<template> <div class="hello"> </div></template><script>const d3 =...
2018-11-20 10:30:05
814
原创 d3-v4.x版本-柱状图
v4.x 版本-柱状图代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。demo实现效果图如下：实现代码如下：（包含关键代码注释）<template> <div class="hello"> </div></template><script>const d3 ...
2018-11-19 17:29:04
295
原创 js按住鼠标左键选中网格元素，被选中的网格位置上填充可输入内容，插入图片等的容器。并且网格上的容器，可拖动、改变尺寸、但互相之间不可重叠（如果重叠回到上一次的状态）。
js/jquery 按住鼠标左键圈选网格，圈选网格颜色变深， 圈选区域不可重叠，被选中的网格位置上填充可输入内容，插入图片、媒体，表格、echarts图表等的容器。并且网格上的容器可拖动，可改变尺寸，但不可重叠（如果重叠回到上一次的状态），上述要求为本次实际开发项目（vue框架）中的要求，目的是让用户创建自定义报告内容。因为将这部分交互功能单独封装了起来，所以分享出来还是希望和大家互相学习。...
2018-11-13 17:47:22
1128
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人