第四章 比例尺

比例尺

连续比例尺continuous

continuous(value) //给定domain范围中的一个value返回对应的range中的值
invert(value) //给定range范围中的一个value返回对应的domain中的值
domain([domain])
range([range])
rangeRound([range]) //结果四舍五入,为整数
clamp([boolean]) //是否处理超出数据集,默认为false
ticks([count]) //设定获取定义域代表性的数值,默认分组为10
tickFormat()
nice() //对domain 进行适当的扩展,以使其起始值是一个“整数”

线性比例尺scaleLinear

d3.scaleLinear()
d3.scalePow() //指数比例尺
d3.scaleSqrt() //平方根
d3.scaleLog() //
d3.scaleTime() //时间比例尺
time.ticks([interval]) //可以指定时间间隔

顺序比例尺Sequential Scales 后期研究

d3.scaleSequential() //顺序比例尺的range是固定且不可配置的

Quantize(量化)

domain连续,range散点
d3.scaleQuantize()
invertExtent(value)

var width = d3.scaleQuantize()
    .domain([10, 100])
    .range([1, 2, 4]);
width.invertExtent(2); // [40, 70]

Quantile(分位数)比例尺

Threshold(阈值)比例尺

d3.scaleThreshold()

var color = d3.scaleThreshold()
    .domain([0, 1])
    .range(["red", "white", "green"]);

color(-1);   // "red"
color(0);    // "white"
color(0.5);  // "white"
color(1);    // "green"
color(1000); // "green"

序数比例尺 Ordinal Scales

d3.scaleOrdinal()
d3.scaleBand()
d3.scalePoint()


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 比例尺:就像函数一样,将一个量转换为另一个量,定义域到值域的转换。每个比例尺都需要指定一个domain(定义域)和...
    陆lmj阅读 1,038评论 0 0
  • abbreviation 简写符号;简写 absolute error 绝对误差 absolute value 绝...
    沧海一睹阅读 4,190评论 0 2
  • 序数比例尺的定义域和值域都是离散的。,如果需要通过输入一些离散的值得到另一些离散的值,这时候就要考虑序数比例尺。 ...
    陆lmj阅读 1,288评论 1 0
  • 好久没有写点东西了,因为每天的生活都一样,平淡的生活激不起脑海中的想法,没有想法的自己自然不会想的那么多。最...
    亦琛阅读 407评论 0 1
  • 随便画的,不是很好,凑乎着看吧
    时间真快阅读 171评论 0 0