D3.js ordinal.range()函数

d3.js 中的ordinal.range()函数用于设置序数刻度的范围。如果与域值相比，范围内的元素数量较少，则比例从开始时重用指定范围的值。

句法：

ordinal.range([range]);

参数：这个函数只接受一个上面给出的参数，下面描述。

• range：此参数接受离散值数组。

返回值：此函数不返回任何内容。

示例 1：

HTML

  

    
    
  
    
    

  

    
        GeeksforGeeks
    
  
    ordinal.range() Function 
  
    
        var ordinal = d3.scaleThreshold()
  
            // Setting domain for the scale
            .domain([1, 2, 3, 4])
          
            // Range for the scale
            .range(["red", "green", "blue"]);
  
        document.write("<h3>ordinal(1): "
                + ordinal(1) + "</h3>");
        document.write("<h3>ordinal(3): "
                + ordinal(3) + "</h3>");
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    

  

    
        GeeksforGeeks
    
  
    ordinal.range() Function 
  
    
        var ordinal = d3.scaleThreshold()
  
            // Setting domain for the scale
            .domain([-2, 3, 4])
  
        // 10 does not lie in the domain
        document.write("<h3>ordinal(-3): "
                + ordinal(-3) + "</h3>");
        document.write("<h3>ordinal(10): " 
                + ordinal(10) + "</h3>");
    

  

输出：