09 2017 档案

D3——Updates, Transitions, and Motion
摘要：前面的直方图使用的数据都是static datasets, 但现实世界中数据大多都是随时间变化的。有时我们希望图表能反映那些变化。在D3中，通过updates可以更新数据，changes可视化可以通过transitions,motion表现出来 有序的数据(ordinal data: typical 阅读全文
posted @ 2017-09-20 17:44 pei~乐悠悠 阅读(270) 评论(0) 推荐(0)
SVG中的元素属性
摘要：SVG attributes by category Animation event attributes onbegin, onend, onload, onrepeat Animation attribute target attributes attributeType, attributeN 阅读全文
posted @ 2017-09-20 16:22 pei~乐悠悠 阅读(1169) 评论(0) 推荐(0)
D3——Axes
摘要：使用d3.svg.axis() 创建一个 axis function: an axis function is called, it doesn’t return a value, but generates the visual elements of the axis, including li 阅读全文
posted @ 2017-09-20 15:01 pei~乐悠悠 阅读(377) 评论(0) 推荐(0)
Angular2.0知识架构图
摘要：知识架构图： 阅读全文
posted @ 2017-09-19 15:32 pei~乐悠悠 阅读(341) 评论(1) 推荐(1)
D3——scale
摘要：d3.scale 比例尺 “Scales are functions that map from an input domain to an output range” Domains 定义域 和 Ranges 值域 创建线性比例尺 d3.max()和d3.min() 设置动态比例尺 设置圆心和la 阅读全文
posted @ 2017-09-15 18:28 pei~乐悠悠 阅读(1418) 评论(0) 推荐(0)
D3——散点图Scatterplot
摘要：散点图 添加labels 阅读全文
posted @ 2017-09-15 17:32 pei~乐悠悠 阅读(1030) 评论(0) 推荐(0)
D3——绘制SVG图形-直方图
摘要：1、创建SVG元素 2、为SVG元素设置属性 或： 或： 画圆实践 Bar Chart 根据div画chart 根据Rect画Chart 添加Lable: 改变Label显示位置 设置属性 利用上面的方式计算label的位置，有时并不能很好的适应对应的bar，例如第一个label 5的位置，可以使用 阅读全文
posted @ 2017-09-15 16:27 pei~乐悠悠 阅读(2638) 评论(0) 推荐(0)
D3——根据数据画图
摘要：为DOM元素添加class Drawing Bars: Setting Styles 优化一下 阅读全文
posted @ 2017-09-15 15:57 pei~乐悠悠 阅读(582) 评论(0) 推荐(0)
D3——动态绑定数据
摘要：一、绑定数组元素 d3.select("body")：选择body .selectAll("p")： 选择body中的所有p元素，此时还没有创建p元素, 因此this returns an empty selection. .data(dataset)： 统计并分析数据元素，dataset中有5个元 阅读全文
posted @ 2017-09-15 15:41 pei~乐悠悠 阅读(1668) 评论(0) 推荐(0)
D3——基本知识点
摘要：选择器： d3.select - 从当前文档中选择一个元素 d3.selectAll - 从当前文档中选择多个元素 selection.append - 创建并追加一个新元素 selection.attr - 取得或设置属性的值 selection.classed - 添加或移除CSS类 selec 阅读全文
posted @ 2017-09-15 14:52 pei~乐悠悠 阅读(990) 评论(0) 推荐(1)
SVG基本图形
摘要：SVG 是使用 XML 来描述二维图形和绘图程序的语言 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 阅读全文
posted @ 2017-09-15 12:26 pei~乐悠悠 阅读(1926) 评论(0) 推荐(0)
Vue收藏资料
摘要：组件库的全局引用和按需引用：http://www.cnblogs.com/zhuanzhuanfe/p/7516745.html 阅读全文
posted @ 2017-09-15 10:32 pei~乐悠悠 阅读(172) 评论(0) 推荐(0)
TypeScript----函数
摘要：二、函数参数形式 (1)可选参数，参数名旁使用 ? ，可选参数必须跟在必须参数后面 。 (2) 默认参数，=，可以传入undefined值 (3)剩余参数 三、函数中的this，箭头函数 四、函数重载 参数不同，函数名相同 阅读全文
posted @ 2017-09-14 15:43 pei~乐悠悠 阅读(274) 评论(0) 推荐(0)
TypeScript----类
摘要：一、类的属性 public: 公有， private: 私有，不能在声明它的类的外部访问，只能在类内部访问 protect: 保护，不能在声明它的类的外部访问，但继承者除外 readonly 只读属性，必须在声明时或构造函数里被初始化 static静态属性，无需实例化就可以访问静态成员 super( 阅读全文
posted @ 2017-09-14 15:31 pei~乐悠悠 阅读(218) 评论(0) 推荐(0)
Angular4.0--创建类实例
摘要：src/app/hero.ts文件： src/app/app.component.ts文件： 阅读全文
posted @ 2017-09-14 12:29 pei~乐悠悠 阅读(1327) 评论(0) 推荐(0)
针对ie的css hack
摘要：/* IE9 , IE10 ,IE11 */ @media screen and (min-width:0\0) { /* IE9 , IE10 ,IE11 rule sets go here */ } /*IE10*/ @media screen and (-ms-high-contrast: a 阅读全文
posted @ 2017-09-14 12:18 pei~乐悠悠 阅读(419) 评论(0) 推荐(0)
AngularJs过滤器
摘要：angularjs的内置过滤器： 一个过滤器不带参数： {{expression | filter}} 一个过滤器带参数：{{expression | filter:arguments}} 一个过滤器，带多个参数：{{expression | filter: arg1:arg2: ···}} 多个过 阅读全文
posted @ 2017-09-12 18:25 pei~乐悠悠 阅读(172) 评论(0) 推荐(0)
AngularJS应用的启动和执行过程
摘要：启动（startup）： 执行（runtime）： 浏览器的事件机制： 而AngularJS通过使用自己的Event loop，改变了传统的Javascript工作流。这使得Javascript的执行被分成原生部分和拥有AngularJS执行上下文的部分。只有在AngularJS执行上下文中运行的操 阅读全文
posted @ 2017-09-12 17:44 pei~乐悠悠 阅读(2010) 评论(0) 推荐(0)