v3버전 ⇒ scale(척도)과 axis(축)을 나누어서 구현

v4버전 ⇒ scale 하나로 처리한다.

d3.scale()

척도 : 입력되는 정의역(domain)과 출력되는 치역(range)을 매핑한 함수

.domain() : 입력되는 데이터 값의 범위

.range() : 출력되는 범위 (단위:픽셀)

d3.scale.linear()

       .domain([시작점,끝점])

       .range([시작점,끝점)]

var xAxis = d3.svg.axis()      //축을 생성하는 함수

            .scale(x)          //축을 생성할 때는 어떤 척도를 다뤄야 하는지 알려줘야 함.

            .orient("bottom"); //축의 위치

ex)

dataset = [1,2,3,4,5]

// 출력하고자 하는 차트 svg 너비가 100px

.domain([1,5]) // 
.range([1,100])