d3.js
小小蜗牛学习记
一步一步,小小蜗牛,大大梦想
展开
-
d3.js:常见生成器
线段生成器:d3.line()访问器:x(), y()区域生成器: d3.area()访问器: x0(), y0(), x1(), y1(), x(), y()弧生成器: d3.arc()访问器: outerRadius(), innerRadius(), startAngle(), endAngle()符号生成器: d3.symbol()访问器: type(), si...原创 2019-05-08 15:51:24 · 685 阅读 · 0 评论 -
d3.js: 比例尺Scale
当数据集里的元素为数字时,由于数字可大可小,我们不可能用像素去表示它们的大小的,这时候就需要用到比例尺了,相当于我们学过的y=kx这样的关系,数据集里的数据映射到比例尺里对应的数值,就有的定义域(输入)和值域(输出)接下来用2个例子说明:线性比例尺let dataset = [12, 11, 13]let scaleLinear = d3.scaleLinear().do...原创 2019-05-06 11:26:19 · 746 阅读 · 0 评论 -
d3.js :坐标轴
参考链接:https://github.com/d3/d3/blob/master/API.md#axes-d3-axis首先,d3可以生成4种轴,分别是向上,向下,向左,向右, 所以轴生成器api有axisTop,axisButtom,axisLeft,axisRight这里只是单纯的记录如何在svg上画出一个比例尺的简单思路<svg></svg>首先当然...原创 2019-05-06 12:01:41 · 605 阅读 · 0 评论