javascript - dygraphs.js用于鼠标悬停的自定义数据

给定x和y轴上的数值，我希望能够传递一个字符串数组，以用于x轴的valueformatter。如图所示，对于图上的给定点，我可以显示一个数组中的相应字符串，而我将仅使用row参数从数组中获取字符串。 （我将在构建图形之前对它们进行排序）。在不修改音标本身的情况下是否可行？

最佳答案

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。