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

Javascript 用于鼠标悬停的dygraphs.js自定义数据,javascript,dygraphs,Javascript,Dygraphs,给定x轴和y轴上的数值,我希望能够传入字符串数组,以便在x轴的valueformatter中使用。如中所示,对于图形上的给定点,在我可以显示的数组中会有一个对应的字符串,我只需使用row参数从数组中获取一个字符串。(我会在构建图表之前对它们进行排序)。这在不修改动态图本身的情况下是可能的吗?其中之一是行索引。因此,您可以使用valueFormatter回调来执行此操作: vals = [ 'Foo', 'Bar', 'Baz', 'Quux' ]; new Dygraph(

给定x轴和y轴上的数值,我希望能够传入字符串数组,以便在x轴的valueformatter中使用。如中所示,对于图形上的给定点,在我可以显示的数组中会有一个对应的字符串,我只需使用row参数从数组中获取一个字符串。(我会在构建图表之前对它们进行排序)。这在不修改动态图本身的情况下是可能的吗?

其中之一是行索引。因此,您可以使用
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];
          }
        }
      }
    });
请参阅。

其中一个是行索引。因此,您可以使用
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];
          }
        }
      }
    });