1. 提示框 基本原理： 用一个dom元素来显示提示框，提示框绝对定位，在相关事件中，动态修改提示框的位置即可。 通常是用 event 的 pageX 和 pageY 修改 提示框定位。 2. 折线图的焦点虚线 在鼠标滑动到折线图焦点时候，通常要显示到Y轴和X轴的虚线。 此时，需要监听划过区域的事件 ...
分类：
其他好文 时间：
2020-05-30 15:36:54
阅读次数：
74
4.x版本有如下特性： 1. 模块化 不再是一个整体，而是分为多个模块，可以按需加载，例如： d3-selection 选择器d3-shape 图形d3-array 数组d3-force 力导向图d3-zoom 缩放 2. 支持canvas 3. 命名精简和更语义化 布局省去layout，生成器省去 ...
分类：
其他好文 时间：
2020-05-30 15:35:31
阅读次数：
244
d3的布局，实际上是一个转换函数，将 原始数据 转换为 该布局需要的数据。 并不能直接通过布局生成图形，仍然需要自己根据数据去添加图形。 1.常用布局有12种 直方图（Histogram）饼状图（Pie）力导向图（Force）弦图（Chord）捆图（Bundle）堆栈图（Stack） 层级图（Hie ...
分类：
其他好文 时间：
2020-05-30 14:15:48
阅读次数：
151
1. 事件监听 selection.on('eventName',function(){}) //添加事件监听selection.on('eventName',null) //移除事件监听 过渡对象没有监听器，transition.on 会报错 2. 常用事件 2.1 鼠标 clickmouseov ...
分类：
其他好文 时间：
2020-05-30 13:03:05
阅读次数：
90
关于D3 是一个数据可视化的库，技术基础是SVG，兼容性是IE9+，语法上近似jQuery 对比three.js three.js是以webgl为基础的库，封装了一些3D渲染需求中重要的工具与渲染循环 1 导入 <script src="https://d3js.org/d3.v5.min.js"> ...
分类：
Web程序 时间：
2020-05-26 18:15:45
阅读次数：
144
一、模拟电路介绍 模拟电路是指用来对模拟量进行传输、变换、放大、处理、测量和显示等工作的电路。模拟信号是指连续变化的电信号。模拟电路是电子电路的基础，它主要包括放大电路、信号运算和处理电路、振荡电路、调制和解调电路及电源等。 二、桥式整流电路图 桥式整流原理： 输入电压u2为正半周时，对D1、D3加 ...
分类：
其他好文 时间：
2020-05-20 20:15:22
阅读次数：
77
flex-basis是flex中的 子元素 属性，默认为auto ！！！此属性优先级大于width！！！ 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时，指子元素的width占父容器的width的百分比，当d1 为 50%，d2,d3 为25%时，见下图： 当 ...
分类：
其他好文 时间：
2020-05-16 00:16:16
阅读次数：
214
技术栈：后端nodejs，前端jquery+d3+svg；实现的目标: 可视化分析js模块之间的依赖关系， 以及手动修改的功能。从项目构思，到第一个版本正式发布，经历了大约两个月时间。这苦逼的两个月，我的头发不知道掉了多少，心酸啊。先来一张效果图,犒劳一下自己（窃喜）： 作为UI的我，有什么好怕的， ...
分类：
其他好文 时间：
2020-05-13 12:08:22
阅读次数：
61
简介 RT， vensor 里面有关于四元数的处理方案 参考链接 https://observablehq.com/@d3/versor dragging 代码 ...
分类：
其他好文 时间：
2020-05-10 12:33:22
阅读次数：
58
感谢 王下邀月熊_Chevalier 分享的前端每周清单，为方便大家阅读，特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清单系列，并以年/月为单位进行分类，具体内容看这里：前端每周清单年度总结与盘点。 前端每周清单第 56 期：D3 5.0，深入 React ...
分类：
其他好文 时间：
2020-05-03 20:29:19
阅读次数：
65
