dygraphs.jsマウスオーバーのカスタムデータ

Question

x軸とy軸の数値を指定すると、x軸のvalueformatterで使用する文字列の配列を渡すことができます。のように、グラフ上の指定された点について、表示できる配列に対応する文字列があります。配列から文字列を取得するためにrowパラメータを使用します。 （私はグラフを構築する前にそれらを並べ替えるだろう）。これはダイアグラムそのものを変更することなく可能ですか？

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を参照してください。