lh_qppr-优快云博客

原创 js实现螺旋矩阵算法

Q:用0-9填充一个N*N的矩阵，该矩阵按顺时针旋转方向依次增大，用js编程输出这个数组。要求如下： [0, 1, 2, 3, 4] [5, 6, 7, 8, 5] [4, 3, 4, 9, 6] [3, 2, 1, 0, 7] [2, 1, 0, 9, 8] 我的思路先生成一个一维的数组； [0, 1, 2, 3, 4, 5, 6, 7, 8, 9,

2017-06-13 12:25:32 1234

原创 d3.js d3.scale.ordinal() --详解 rangeBands

d3.scale.ordinal() –详解 rangeBands@(d3_v3)[scale, ordinal, 参数说明] 取自API文档的解释图可以看出range内包括Step单元N个（取决于domain数组个数）、OuterPading单元两个 ordinal.rangeBands(interval[, padding[, outerPaddi

2017-05-22 22:44:07 7132

原创 d3.js 解决——元素覆盖

元素覆盖最常见的应该是在气泡图中然而数据的不可控+手势交互难免会碰到A元素被B元素覆盖使其无法触发交互事件；如下svg中各《circle》都被添加了事件，但因为最大的circle在最后才生成，从而使其其他元素的交互事件被遮挡最初遇到这样的问题时再加上听说svg不支持浮动之类的说法。就暂时把问题存起来了。情况一：具有共同parent元素时更改dom结构 array.s

2017-05-02 23:36:03 5173

原创 d3.js:数据转换篇（二）Associative Arrays（关联数组)篇----v3

Associative Arrays（指令）篇三个针对于object的API；我个人倾向于处理array结构的数据，几乎没用过这三个API； d3.keys(object):返回array，其内容为object的所有key d3.value(object):返回array，其内容为object的所有value d3.entries(object):返回array，每个元素为o

2017-04-27 20:27:00 772

原创 D3.js V4 : scale - scaleOrdinal

v4 的优点在于API划分更细致； scaleOrdinalscaleBandscalePointschemeCategory10 | 20 | 20b |20c

2017-02-27 12:42:13 9272

原创 NPM更新

查看当前版本并下载//查看当前版本npm -v//查看所有版本npm info ***//更新版本npm -g install npm@*.*.*//疑似当前版本可用版本//npm view *** versionnpm下载位置：C:\Users\ 本机用户名 \AppData\Roaming\npm\node_modules\npm打开node安装目录并用最新版本替换node安装目

2017-02-03 17:25:54 502

原创 D3.js Array V4

统计 (Statistics)查询(Search)转换(Transformations)直方图(Histograms)

2017-01-17 15:24:31 1075

原创 D3.js pie v3 VS v4

v3-API d3.layout.pie 创建pie布局 pie.startAngle([angle]) 设置起始角度。默认从12点钟开始。path默认从3点钟方向【angle】： Math.Pi / 180 pie.endAngle([angle]) 设置终止角度【angle】：

2017-01-13 16:13:27 1992

原创 d3js:Brush v3 VS v4

V3版本API d3.svg.brush() 创建brush.默认x.y比例关联。extent 为空 brush(selection) brush.x([scale]) 获取或设置x关联比例 brush.y([scale]) 获取或设置y关联比例 br

2017-01-11 17:35:36 4105 2

原创 D3.js symbol 符号生成器

d3.svg.symbol()API中文手册里突然没了这部分内容，还好之前用过。简单的记一下用法 line.symbol = d3.svg.symbol() .type(function(i) { return d3.svg.symbolTypes[i];

2016-11-10 15:50:07 1041

原创 D3.js Scale 和Axis

这两天在封装坐标轴控件，好像就涉及了d3.scale和d3.axis.看似简单，但是问题还是有的。

2016-11-09 23:38:42 741

原创 D3.JS: 在SVG中使用d3创建HTML标签

为什么想用HTML标签d3对于文本的处理虽然有很多属性但是绝大部分事需要manually（手动）设置的。如果可以在svg中使用HTML标签那多好。

2016-10-20 11:18:49 1858

原创 D3JS：饼图 Label显示重叠的几种破法

分析饼图的label有内置和外置的情况。内置暂无外置困扰 label 的文本长度数据跨度过大时，小数据对应弧度过小所收集的解决方案内置暂无外置简单处理http://jsfiddle.net

2016-10-19 18:13:54 7440 1

原创 Canvas:绘制文本

渲染文本文本样式文本测量

2016-10-19 10:00:38 746

原创 Canvas:样式及颜色

色彩 Colors透明度Transparency线型 line填充 fill

2016-10-18 17:06:42 706

原创学习：Canvas基本用法

前言接触svg一段时间了。慢慢的觉得还是要学习一下canvas（其实是看粒子效果都是canvas，svg上加canvas实现粒子效果，所以没办法懒了）网上的教程不少还是按个人习惯记录一下。 MDN中的canvasAPI文档：http://bucephalus.org/text/CanvasHandbook/CanvasHandbook.html 教程：https://developer.m

2016-10-18 10:24:39 401

原创 HTML SVG 路径

首先之前是查过相关资料的，但是后来修改需求时又涉及到路径，又得回头重查，可怕的是这个知识点的名字都记不起来了。所以还是静下来记录一下 //路径格式ret.push("M", sx, sy, "A", ir * rx, ir * ry, "0 0 1", ex, ey, "L", ex, h + ey, "A", ir * rx, ir * ry, "0 0 0", sx, h +

2016-10-12 13:51:23 685

原创解读开源js函数的收获

js

2016-09-29 15:05:34 280

原创优快云-markdown编辑器教程

列加粗斜体快捷键超链接表格定义列表代码块脚注数学公式

2016-09-23 22:04:14 331

原创关于SVG自适应-待完善

1 通过preserveAspectRatio 属性。详情 2 监听

2016-09-23 17:51:07 810

原创 js 获取元素宽度的几种方法

获取元素//1、jQuery$("#" + loading_lh._svgid);//2、D3.jsd3.select("#" + loading_lh._svgid)[0][0];//3、document.getElementById(loading_lh._svgid)获取宽度//1、$("#" + loading_lh._svgid).width();//2、$("#" + l

2016-09-22 14:45:17 1347

原创 js Object属性及方法的理解

上代码 var ceshi = new Object; var v; Object.defineProperty(ceshi, "_a", {//定义对象属性_a get: function () { return v; }

2016-09-21 17:36:14 894

lh_qppr的博客