[D3] D3 Axes

D3 Axis Component

var margin = {top: 50,
                  right: 50,
                  bottom: 50,
                  left: 50
    };
    var width = 300 - margin.left - margin.right;
    var height = 300 - margin.top - margin.bottom;
    
    var myScale = d3.scale.linear().domain([0, 10]).range([0, width]);
    
    var myAxis = d3.svg.axis().scale(myScale);
    
    var mySVG = d3.select("body").append("svg").attr("width", width + margin.left + margin.right).attr("height", width + margin.top + margin.bottom)
      .append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");
    
    var axisGroup = mySVG.append("g").call(myAxis);

座標軸範例1
座標軸範例2
座標軸範例3
座標軸範例4
座標軸範例5

您可在此處留言

avatar

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

  Subscribe  
Notify of