D3
文章平均质量分 62
lh_qppr
这个作者很懒,什么都没留下…
展开
-
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 · 7078 阅读 · 0 评论 -
d3.js 解决——元素覆盖
元素覆盖最常见的应该是在气泡图中 然而数据的不可控+手势交互难免会碰到A元素被B元素覆盖使其无法触发交互事件; 如下svg中各《circle》都被添加了事件,但因为最大的circle在最后才生成,从而使其其他元素的交互事件被遮挡 最初遇到这样的问题时再加上听说svg不支持浮动之类的说法。就暂时把问题存起来了。情况一:具有共同parent元素时 更改dom结构 array.s原创 2017-05-02 23:36:03 · 5122 阅读 · 4 评论 -
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 · 764 阅读 · 0 评论 -
D3.js Array V4
统计 (Statistics)查询(Search)转换(Transformations)直方图(Histograms)原创 2017-01-17 15:24:31 · 1054 阅读 · 0 评论 -
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 · 4070 阅读 · 2 评论 -
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 · 1956 阅读 · 0 评论 -
D3.js Scale 和Axis
这两天在封装坐标轴控件,好像就涉及了d3.scale和d3.axis.看似简单,但是问题还是有的。原创 2016-11-09 23:38:42 · 717 阅读 · 0 评论 -
关于SVG自适应-待完善
1 通过preserveAspectRatio 属性。详情 2 监听原创 2016-09-23 17:51:07 · 794 阅读 · 0 评论 -
D3.JS: 在SVG中使用d3创建HTML标签
为什么想用HTML标签d3对于文本的处理虽然有很多属性但是绝大部分事需要manually(手动)设置的。如果可以在svg中使用HTML标签那多好。原创 2016-10-20 11:18:49 · 1832 阅读 · 0 评论 -
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 · 976 阅读 · 0 评论 -
D3JS:饼图 Label显示重叠的几种破法
分析饼图的label有内置和外置的情况。 内置 暂无 外置 困扰 label 的文本长度 数据跨度过大时,小数据对应弧度过小 所收集的解决方案 内置 暂无 外置 简单处理http://jsfiddle.net原创 2016-10-19 18:13:54 · 7382 阅读 · 1 评论 -
学习:Canvas基本用法
前言接触svg一段时间了。慢慢的觉得还是要学习一下canvas(其实是看粒子效果都是canvas,svg上加canvas实现粒子效果,所以没办法懒了)网上的教程不少还是按个人习惯记录一下。 MDN中的canvasAPI文档:http://bucephalus.org/text/CanvasHandbook/CanvasHandbook.html 教程:https://developer.m原创 2016-10-18 10:24:39 · 388 阅读 · 0 评论 -
D3.js V4 : scale - scaleOrdinal
v4 的优点在于API划分更细致; scaleOrdinalscaleBandscalePointschemeCategory10 | 20 | 20b |20c原创 2017-02-27 12:42:13 · 9240 阅读 · 0 评论