Javascript：在軸的開頭和結尾添加標籤

-1

我想在軸的開頭添加一個標籤來表示「不太重要」，並在軸末端添加一個標籤「非常重要」。我正在使用以下滑塊程序：http://sujeetsr.github.io/d3.slider/。Javascript：在軸的開頭和結尾添加標籤

作爲JS的初學者，非常感謝您對如何做到這一點最好的幫助。

2016-11-25 user2657817

如何：

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" type="text/css" href="https://rawgit.com/sujeetsr/d3.slider/master/d3.slider.css" media="screen" /> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.js"></script> 
 
    <script src="https://rawgit.com/sujeetsr/d3.slider/master/d3.slider.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="slider"></div> 
 
    <script> 
 
    
 
    var tickFormatter = function(d) { 
 
     return d === 0 ? "not important" : "very important" 
 
    } 
 

 
    var slider = d3.slider().min(0).max(1).ticks(1).tickFormat(tickFormatter) 
 
    d3.select('#slider').call(slider); 
 
    
 
    d3.select(".tick>text").style("text-anchor", "start"); 
 
    d3.select(".tick:last-of-type>text").style("text-anchor", "end"); 
 
    
 
    </script> 
 
</body> 
 

 
</html>

來源

2016-11-25 21:19:22 Mark

Javascript：在軸的開頭和結尾添加標籤

回答

相關問題