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

Question

给定 x 轴和 y 轴上的数值，我希望能够传入一个字符串数组，以在 x 轴的值格式化程序中使用。例如，对于图表上的给定点，我可以显示的数组中会有一个相应的字符串，我只需使用 row 参数从数组中获取字符串。 (我会在构建图表之前对它们进行排序)。这可以在不修改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 .