d3里的比例尺
1 // d3中的比例尺也有定义域和值域,分别是domain和range,开发者需要指定domain和range的范围,如此即可以得到一个计算关系; 2 // 线性比例尺:能将一个连续的区间映射到另一区间,要解决柱形图宽度的问题,就需要线性比例尺; 3 // 如: 4 var dataset = [1.2, 2.3, 0.9, 1.5, 3.3]; 5 var min = d3.min(dataset) 6 var max = d3.max(dataset) 7 var linear = d3.scale.linear() 8 .domain([min,max]) 9 .range(0,300) 10 linear(0.9) //0 11 linear(2.3); //返回 175 12 linear(3.3); //返回 300 13 // 序数比例尺:定义域和值域不一定是连续的 14 var index = [0, 1, 2, 3, 4]; 15 var color = ["red", "blue", "green", "yellow", "black"]; 16 // 我们希望 0 对应颜色 red,1 对应 blue,依次类推。 17 var ordinal = d3.scale.ordinal() 18 .domain(index) 19 .range(color); 20 ordinal(0); //返回 red 21 ordinal(2); //返回 green 22 ordinal(4); //返回 black
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决