51dev.com IT技术开发者社区

51dev.com 技术开发者社区

d3的比例尺和坐标轴

代码星球阅读(29)2020-06-29 收藏0次评论

1. 比例尺

比例尺的关键概念:定义域和值域,比例尺本质就是一个函数。

常用比例尺有:

1.1 线性比例尺 d3.scale.linear()

1.2 指数比例尺 d3.scale.pow().exponent(x) x为指数

1.3 对数比例尺 d3.scale.log()

1.4 量子比例尺 d3.scale.quantize() 分段

1.5 分位比例尺 d3.scale.quantize() 分位

1.6 阈值比例尺 d3.scale.threshold() 同样是分段,将连续的定义域映射到离散的值域里

1.7 序数比例尺 d3.scale.ordinal() 定义域和值域都是离散的

2. 坐标轴

d3.svg.axis() 创建默认在坐标轴

方法:

2.1 axis(selection) 将坐标轴应用到指定的选择集上

2.2 axis.scale([scale]) 设定或获取坐标轴的比例尺

2.3 axis.orient([orientation]) 设定或获取坐标轴的方向,有top,bottom,left,right四个值

2.4 axis.ticks([argument...]) 设置或获取坐标轴的分隔数

2.5 axis.tickValues([values]) 设定或获取坐标轴的刻度数。如,参数为[1,2,3,6,7,8],则在这几个值上会有刻度。

 

以上就是d3的比例尺和坐标轴的全部内容。

下一篇: d3的绘制