d3.js学习笔记 -- 尺度

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)
posted @ 2017-01-19 09:41  ning0_o  阅读(257)  评论(0编辑  收藏  举报