D3.js中.tickSize(10, 1)的第二个参数作用是什么?
D3.js 中
.tickSize() 第二个参数的作用 在D3.js的轴组件(比如d3.axisBottom、d3.axisLeft这类)里,.tickSize()的两个参数分工明确:
- 第一个参数是主刻度的长度,这个你已经了解;
- 第二个参数是次刻度(夹在主刻度之间的细分小刻度)的长度。
举个实际场景的例子:
- 写
.tickSize(10, 1)时,主刻度会显示为10单位长度的短线,同时主刻度之间的次刻度会显示为1单位长度的更短的线; - 写
.tickSize(10, 0)时,次刻度的长度被设为0,意味着不会渲染任何次刻度,轴上只会显示主刻度。
注意:次刻度只有在你通过.ticks()或.tickArguments()配置了细分刻度规则时才会出现,比如在时间轴上设置按小时为主要刻度、按15分钟为次刻度,这时候第二个参数的设置才会生效。如果没有启用次刻度,第二个参数的数值不会产生视觉变化。
内容的提问来源于stack exchange,提问作者Sathish Kannan
相关产品推荐
相关产品推荐

