向dygraph圖例添加額外信息？

Question

有沒有一種簡單的方法可以向 dygraph 圖例添加額外的數據？

我顯然想顯示 x 和 y 數據值，但底層數據點包含我想向用戶顯示的額外信息。

我顯然可以使用回調選項來找出鼠標懸停在什么點上。 那么是使用回調然后擁有自己的 div 來顯示此信息而不是使用 dygraph 圖例的唯一選擇嗎？

Answer 1

最簡單的方法是使用即將發布的 2.0.0 版本中的legendFormatter選項：

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