d3.js学习笔记 -- 尺度

宁00

于 2017-01-19 09:41:01 发布

阅读量583

点赞数

分类专栏： d3和svg

本文链接：https://blog.csdn.net/ning0_o/article/details/54612745

版权

d3和svg 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

D3是指数据驱动文档（Data-Driven Documents）

尺度

1、数值尺度
常用的有：线性尺度、幂级尺度、对数尺度

// 线性尺度
var linear = d3.scale.linear()
  .domain([1, 10])  // 输入范围
  .range([1, 10]);  // 输出范围
var linearCapped = d3.scale.linear()
  .domain([1, 10])
  .range([1, 20]);

// 幂级尺度
var pow = d3.scale.pow().exponent(2);
var powCanped = d3.scale.pow()
  .exponent(2)
  .domain([1, 10])
  .rangeRound([1, 10]);

// 对数尺度 (默认以10位底数)
var log = d3.scale.log();
var logCapped = d3.scale.log()
  .domain([1, 10])
  .rangeRound([1, 10]);

2、时间尺度

var start = new Date(2013, 0, 1),
    end = new Date(2013, 11, 31)
    range = [0, 1300],

    time = d3.time.scale().domain([start, end])
      .rangeRound(range)