dygraphs.js鼠标悬停的自定义数据

Question

给定x和y轴上的数值，我希望能够传入一个字符串数组，用于x轴'valueformatter。就像在图中的给定点一样，在我可以显示的数组中会有一个相应的字符串，我只想使用row参数从数组中获取字符串。 （我会在构建图表之前对它们进行排序）。这可能不修改dygraph本身吗？

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。