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)

相关文章:

  • 2021-12-17
  • 2021-05-05
  • 2021-05-25
  • 2022-03-01
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-09
  • 2021-09-25
  • 2022-12-23
  • 2022-12-23
  • 2021-08-16
  • 2022-12-23
相关资源
相似解决方案