条形图还可以配上实际的数值,我们通过文本元素添加数据值。 通过 x 和 y 值来定位文本元素。 结果如图所示： ...
分类：
Web程序 时间：
2018-11-16 17:22:54
阅读次数：
324
1.直接驱动 电阻R1的作用是限流和抑制寄生振荡，一般为10ohm到100ohm,R2是为关断时提供放电回路的;稳压二极管D1和D2是保护MOS管的门]极和源极;二极管D3是加速MOS的关断。 2.互补三极管驱动 当MOS管的功率很大时，而PWM芯片输出的PWM信号不足已驱动MOS管时，加互补三极管 ...
分类：
其他好文 时间：
2018-11-16 13:24:12
阅读次数：
243
需求：用户在地图上单击选点，页面获取到具体坐标并返回。 首先比较重要的是Vue中的$nextTick，因为vue是异步更新的，如果是想打开Dialog或者是其他操作dom后才加载地图，使用nextTick可以保证在dom加载之后进行加载。 如果直接加载地图，这时dom还没有全部更新完毕，无法加载。 ...
分类：
Web程序 时间：
2018-11-14 12:33:23
阅读次数：
320
注意each里的this，这个文档里说得明白http://rajapradhan.com/blogs/d3-js-v4-essentials/d3-selections/ The each() method The each() method invokes the specified functi ...
分类：
其他好文 时间：
2018-11-12 13:52:07
阅读次数：
988
d3中典型的数据绑定片段 对g元素如果需要进一步绑定数据进行操作，则调用each 传入匿名函数。 里面使用d3.select(this) ，这个d3 选择集，指向each对应的dom元素。 在这里，要注意this的问题。如果使用es6的箭头函数() =>{} ，会报错，必须使用传统的funcion( ...
分类：
其他好文 时间：
2018-11-10 12:56:47
阅读次数：
728
上篇成功在vue项目中把d3跑起来了，接下来对d3的基本操作做个汇总： 一、d3元素选择器 d3.select(".skill")：选择第一个类名为skill的元素并返回这个元素对象（实现链式语法） d3.selectAll("p")：选择所有的p标签并返回这些元素对象（实现链式语法） d3.sel ...
分类：
Web程序 时间：
2018-11-08 01:12:53
阅读次数：
263
个人感觉前端数据可视化是个趋势，并且现在所在公司也是有做这块的项目，虽然我目前还没有接触到公司数据可视化的项目，但是，今后总是要接触的嘛。 今天看了一下公司目前所用的两种数据可视化工具 D3和ECharts，ECharts由于是国产的，文档和demo都很全，简单看了一下，感觉很好上手，没有必要把太多 ...
分类：
Web程序 时间：
2018-11-08 01:08:14
阅读次数：
240
形状生成器 线段生成器 var linePath = d3.line() 使用默认的设置构造一个 line 生成器。 linePath.x() 如果指定了 x 则将 x 访问器设置为指定的函数或数值并返回当前 line 生成器。如果没有指定 x 则返回当前 x 访问器，默认为: linePath.y ...
分类：
Web程序 时间：
2018-11-04 14:04:18
阅读次数：
261
绘制直线图 条形图实际上是矩形，而 HTML 的 div 元素是绘制矩形的最简单手段。（对于浏览器来说，HTML 中的一切元素都可以哟ing来表示矩形）。 所以我们可以定义一个叫 bar 的 div 类，用于存放图表的公共属性。（除了高度，其他的属性应该是共享的） 设定属性 attr() 用于设定H ...
分类：
Web程序 时间：
2018-11-04 01:45:49
阅读次数：
276
假设有表如下： 如何得到E列的数据（格式为模式名.表名，如PDM_DATA.T05_GMS_NAV_SPV_PCH_RDM_TRX_EVT）?如何由E列得到F列数据（从E类中截取表名）？ 1. 字符串拼接 在E列中输入：=C3&"."&D3 2.字符串截取 首先介绍几个函数： left函数，righ ...
分类：
其他好文 时间：
2018-10-29 23:32:11
阅读次数：
469
