向 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 });

向 dygraph 图例添加额外信息？

Adding extra information to dygraph legend?

javascript

dygraphs