这是继上一篇D3源码解构文章后的对D3的研讨笔记,笔者的才有限,若有那里明白毛病,迎接斧正。 对鸠合的操纵 关于d3.attr 一个能够处置惩罚许多状况的函数,当只传入一个参数时,假如是string,则返回该属性值,假如…
标签:d3-js
d3.js[v4] 直方图规划
直方图规划 直方图规划能够用来示意数据散布,经由过程将离散数据点分组归纳到矩形条里绘制。 数据 //运用自力变量数为10的贝茨散布随机数天生器天生1000个0~1之间的数字 var data = d3.range(100…
d3.js – 热图和迷你图上的链接工具提示
我在热图旁边创建了一个热图和迷你图. HERE Plunker 现在我希望当用户将鼠标悬停在热图的单元格上时,相应的迷你图上会显示一个红点.另一方面,当用户将鼠标悬停在迷你图上时,会突出显示热图中的相应单元格. 我希望有…
d3.js – 如何在半圆形图表的两半上设置标签?
我正在制作半圆形圆环图,目前看起来像这样: https://jsfiddle.net/rcxp0udt/ 您可以注意到所有标签都位于图表的右侧.但是,我想让它们看起来像这样:http://prntscr.com/d4p8…
d3.js – 使用d3.scalePoint()缩放
所以我修改了这个例子,以便我可以在xAxis上使用scalePoint(而不是scaleLinear,我也改变了代码,这样你只能放大xAxis,我不关心yAxis缩放): https://bl.ocks.org/mbos…
d3.js – 为变量轴标签创建适当的空间
我有两个字符串数组:这两个数组包含要插入x和y轴的标签(这些标签将是热图的标签). nutsNames对应于x轴(从左到右),yearsNames对应于y轴(从上到下). 由于数据可能会有所不同,我想创建一种适合数据的方…
d3.js的砌体算法
是否有d3.js的砌体类型算法? (同位素 http://isotope.metafizzy.co/) 作为一个相关问题(如果没有),我该怎么做呢?具体来说:我知道d3的输入/更新/退出范例,但它似乎相互独立地对待所有点…
d3.js – d3.geo.path矩形包装错误的方式
这个简单的geojson矩形与一些geojson查看器正确显示,我按预期得到一个矩形.但是当我用d3做的时候,矩形似乎环绕着. var polygonData = { "type": "Feature", "geomet…
d3.js – 使用曲线插值隐藏生成的某些部分
所有: 我正在尝试制作像D3 line()这样的自定义线生成器,但能够在数据丢失时自定义线段样式(如使用虚线) 我不知道如何实现的一件事是它的.interpolate()函数.数学似乎很复杂,我想要做的只是使用现有的D3…
d3.js – 如何告诉d3不要在刻度中重复值?
我制作了直方图/条形图.我将频率数据作为整数读入并设置我的y轴,如下所示: var yScale = d3.scale.linear().range([300, 0]).domain([0, 2]); var yAxis…