Javascript：軸の先頭と末尾にラベルを追加する

-1

軸の先頭に「あまり重要ではない」というラベルを付け、軸の最後のラベルを「非常に重要」としたい。私は次のスライダープログラムを使用しています：http://sujeetsr.github.io/d3.slider/。Javascript：軸の先頭と末尾にラベルを追加する

初心者であれば、これを行うのが最善の方法をお手伝いしていただきありがとうございます。

出典

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：軸の先頭と末尾にラベルを追加する

答えて

関連する問題