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],则在这几个值上会有刻度。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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算法