dygraphs에서 특정 y 축 레이블 점을 설정하는 방법은 무엇입니까?

Question

다이 그래프는 일반적으로 축 크기, 레이블 크기 등을 기준으로 Y- (및 X-) 축 레이블링 지점을 자동으로 선택합니다. 경우에 따라 명확하지 않게 표시되는 레이블 지정 지점을 선택하는 경우도 있습니다. 예를 들어 0에서 10까지의 Y 축 값이있는 차트에서 0, 4 및 8로 레이블을 지정합니다 (적어도 특정 크기 차트의 경우). 0, 5, 10시에 라벨을 붙이고 싶습니다. Dygraphs에 레이블을 붙이고 표시 할 점을 지정하는 옵션이나 기능이 있습니까? 그래서, 이 http://dygraphs.com/options.html#ticker

이 꽤 고급 사용자 지정입니다 조심하고 dygraph-tickers.js에 설명서를 읽어

Answer 1

당신은 당신의 자신의 y 축 시세 함수를 작성하여이 작업을 수행 할 수 있습니다. 여기에 일부 거친 코드는 :이 방법의

<script type="text/javascript"> 
    g = new Dygraph(div, data, { 
    axes: { 
     y: { 
     ticker: function(min, max, pixels, opts, dygraph, vals) { 
      return [{v:0, label:"0"}, {v:5, label:"5"}, {v:10, label:"10"}]; 
     } 
     } 
    } 
    }); 
</script> 

하나 단점이 유일한 y 축 눈금은 당신이 이제까지 얻을 것이다 표시 있다는 것입니다, 사용자 팬 /는 y 축에 확대에도 마찬가지입니다. 응용 프로그램에 따라 그럴 수도 있고 그렇지 않을 수도 있습니다.

Answer 2

당신은 자동 생성 그들에 레이블을 추가하려면

g = new Dygraph(div, data, { 
    axes: { 
     y: { 
     ticker: function(min, max, pixels, opts, dygraph, vals) { 
      var your_value = 7.5; 

      //Get auto-generated tickers (numericTicks is the default ticker generator) 
      var tickers = Dygraph.numericTicks(min, max, pixels, opts, dygraph, vals); 
      tickers.push({v: your_value, label: 'Custom Label'}); //Insert your label 

      return tickers; 
     } 
     } 
    } 
    });