dygraphs.js mouseover의 커스텀 데이터

Question

x 축과 y 축의 수치를 지정하면, x 축의 valueformatter로 사용되는 캐릭터 라인의 배열을 건네주고 싶습니다. 마찬가지로 그래프의 주어진 점에 대해 내가 보여줄 수있는 배열에 해당 문자열이있을 것입니다. 행 매개 변수를 사용하여 배열에서 문자열을 가져옵니다. (나는 그래프를 만들기 전에 그들을 정렬 할 것이다). dygraphs 자체를 수정하지 않고 이것이 가능합니까?

Answer 1

parameters to valueFormatter 중 하나가 행 색인입니다. 그래서 당신은 valueFormatter 콜백이 작업을 수행 할 수 있습니다

vals = [ 
    'Foo', 
    'Bar', 
    'Baz', 
    'Quux' 
]; 
new Dygraph(
    document.getElementById("graph"), 
    "X,Y,Z\n" + 
    "1,0,3\n" + 
    "2,2,6\n" + 
    "3,4,8\n" + 
    "4,6,9\n", 
    { 
     axes: { 
     x: { 
      valueFormatter: function(v, opts, seriesName, dygraph, row, col) { 
      return vals[row]; 
      } 
     } 
     } 
    }); 

이 fiddle를 참조하십시오.