예제 1-5 외부 객체에서 값을 얻게끔 라인 생성기를 확장

소스 파일 1장\rj3\pathFromFunction.js

rj3.svg.samples = {};
 
rj3.svg.samples.functionBasedLine = function functionBasedLine() {
var firstXCoord = 10,
  xDistanceBetweenPoints = 50,
  lineGenerator,
  svgHeight = 200; // 맞습니다, 이렇게 하면 안되죠^^
 
lineGenerator = rj3.svg.line()
  .x(function(d,i) { return firstXCoord + i  xDistanceBetweenPoints; })
  .y(function(d) { return svgHeight - this.getValue(d); });
 
return lineGenerator;
};
 
(function() {
var yearlyPriceGrapher = {
  lineGenerator: rj3.svg.samples.functionBasedLine(),
 
  getValue: function getValue(year) {
    // 마치 웹 서비스처럼 호출합니다!
    return 10