向 dygraph 图例添加额外信息？

Question

有没有一种简单的方法可以向 dygraph 图例添加额外数据？

我显然想显示 x & y 数据值，但底层数据点包含我想向用户显示的额外信息。

我显然可以使用回调选项来找出鼠标悬停的点。那么使用回调然后拥有我自己的 div 来显示此信息而不是使用 dygraph 图例是唯一的选择吗？

Answer 1

最简单的方法是在即将发布的 2.0.0 版本中使用 legendFormatter option：

function legendFormatter(data) {
  if (data.x == null) return '';  // no selection
  return data.xHTML +
      data.series
      .map(v => v.labelHTML + ': ' + v.yHTML)  // modify as needed
      .join(' ');
}

new Dygraph(div, data, { legendFormatter });