D3.js scaleLinear() 方法

d3.scaleLinear() 方法用于创建视觉缩放点。此方法用于将数据值转换为可视变量。

句法：

d3.scaleLinear();

参数：此方法不带参数。

返回值：此方法返回一个线性标度函数。

示例 1：绘制刻度点。

  Line in D3.js



  

    
       GeeksforGeeks
    
  
    
    
    
  

  
var points = [ 0, 2, 4, 6, 7.72, 9.11, 9.99 ];
  
var ScaleGener = d3.scaleLinear()
  .domain([0, 10])
  .range([0, 600]);
  
  
d3.select('svg .scal')
    .selectAll('circle')
    .data(points)
    .enter()
    .append('circle')
    .attr('r', 3)
    .attr('fill', "green")
    .attr('cx', function(d) {
        return ScaleGener(d);
    });

输出：

示例 2：为每个点设置文本。

  Line in D3.js



  

    
      GeeksforGeeks
    
  
    
    
    
  

  
var points = [ 0, 2, 4, 6, 7.72, 9.11, 9.99 ];
  
var ScaleGener = d3.scaleLinear()
  .domain([0, 10])
  .range([0, 600]);
  
  
d3.select('svg .scal')
    .selectAll('circle')
    .data(points)
    .enter()
    .append('circle')
    .attr('r', 3)
    .attr('fill', "green")
    .attr('cx', function(d) {
        return ScaleGener(d);
    });
  
d3.select('svg .scal')
    .selectAll('text')
    .data(points)
    .enter()
    .append('text')
    .attr('x', function(d) {
        return ScaleGener(d);
    })
    .attr('y', -10)
    .text(function(d) {
        return d;
    });
  

输出：