java中比例尺,可视化工具D3.js教程 入门 （第六章）—— 比例尺的使用

1、比例尺是什么？

比例尺能将“一个区间”的数据映射到“另一个区间”。

例如[0, 1]对应到[0, 300]，当输入0.5时，输出150。或者将[0, 1, 2]对应到["red", "green", "blue"]，当输入2时，输出blue。

上述示例中的[0, 1]和[0, 1, 2]称为定义域，[0, 300]和["red", "green", "blue"]称为值域。定义域和值域之间的映射方法称为对应法则。

要理解比例尺，就先需要理解定义域(domain)、值域(range)和对应法则这三个概念。

2、介绍下咱们这里常用的两种比例尺

线性比例尺

比例尺的使用

varscaleLiner=d3.scaleLinear()

.domain([0,3])

.range([0,300])

console.log(scaleLiner(0));//输出 0

console.log(scaleLiner(1));//输出 100

console.log(scaleLiner(2));//输出 200

console.log(scaleLiner(3));//输出 300