d3的比例尺和坐标轴

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],则在这几个值上会有刻度。

 

posted @   全玉  阅读(696)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2018-05-29 apache代理服务器配置
2017-05-29 字符串匹配之Sunday算法
点击右上角即可分享
微信分享提示