ActionChains UI自动化测试过程中，经常遇到那种，需要鼠标悬浮后，要操作的才会元素出现的这种场景，那么我们就要模拟鼠标悬浮到某一个位置，做一系列的连贯操作，Selenium给我们提供了ActionChains模块。 引入方式 1 from selenium.webdriver.commo ...
WebGL http://taobaofed.org/blog/2015/12/21/webgl-handbook/ D3 (或者叫 D3.js )是一个基于 web 标准的 JavaScript 可视化库. D3 可以借助 SVG, Canvas 以及 HTML 将你的数据生动的展现出来. D3 ...
分类：
Web程序 时间：
2018-04-04 21:14:32
阅读次数：
184
1.echarts: 2.highcharts: 3.d3: 【附】：d3.js API说明： d3 (核心部分)选择集d3.select - 从当前文档中选择一系列元素。d3.selectAll - 从当前文档中选择多项元素。selection.attr - 设置或获取指定属性。 selectio ...
分类：
其他好文 时间：
2018-03-26 16:06:27
阅读次数：
920
一、图表交互操作 与图表的交互，指在图形元素上设置一个或多个监听器，当事件发生时，做出相应的反应。 交互，指的是用户输入了某种指令，程序接受到指令之后必须做出某种响应。对可视化图表来说，交互能使图表更加生动，能表现更多内容。例如，拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等 ...
分类：
Web程序 时间：
2018-03-20 19:43:42
阅读次数：
297
一、动态效果 D3 支持制作动态的图表。有时候，图表的变化需要缓慢的发生，以便于让用户看清楚变化的过程，也能给用户不小的友好感。 1、什么是动态效果 前面制作的图表是一蹴而就地出现，然后绘制完成后不再发生变化的，这是静态的图表。 动态的图表，是指图表在某一时间段会发生某种变化，可能是形状、颜色、位置 ...
分类：
Web程序 时间：
2018-03-20 18:49:05
阅读次数：
237
比例尺是 D3 中很重要的一个概念。绘制图形时直接用数值的大小来代表像素不是一种好方法，本章正是要解决此问题。 一、为什么需要比例尺 上一章制作了一个柱形图，当时有一个数组，绘图时，直接使用 250 给矩形的宽度赋值，即矩形的宽度就是 250 个像素。此方式非常具有局限性，如果数值过大或过小，例如： ...
分类：
Web程序 时间：
2018-03-20 15:54:28
阅读次数：
201
D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。 D3 提供了各种简单易用的函数，大大简化了 JavaScript 操作数据的难度。由于它本 ...
分类：
Web程序 时间：
2018-03-19 20:51:46
阅读次数：
252
什么是 Update、Enter、Exit? 这段代码使用的情况是当以下情况出现的时候： 假设，在 body 中有三个 p 元素，有一数组 [3, 6, 9]，则可以将数组中的每一项分别与一个 p 元素绑定在一起。但是，有一个问题：当数组的长度与元素数量不一致（数组长度 > 元素数量 or 数组长度 ...
分类：
Web程序 时间：
2018-03-13 18:15:10
阅读次数：
324
vue是一个数据驱动视图的前端框架，一切皆可作为可重用的组件加以使用 d3则是数据可视化javascript库 D3.js基础 1.学习D3.js的语法 语法是必需的，建议自行去官网上学习其语法，如果可以的话最好了解一下函数式编程的curry与compose思想，不建议一开始就去接触高大上的众多在线 ...
分类：
Web程序 时间：
2018-03-13 18:13:26
阅读次数：
246
本文适用于LibreOffice Calc 5.1.6.2 + Ubuntu 16.04，熊猫帮帮主@cnblog 2018/3/7 以下图为例，假设要根据C列对D列中被选中单元进行求和，即对D列中对应序号为1、4、5和7的单元进行求和，则在D11中输入 =SUMIF(C3:C9, "?", D3: ...
分类：
其他好文 时间：
2018-03-07 15:19:45
阅读次数：
182
