如何使用带有AngularJS的n3图表在工具提示中显示字符串数据

Question

我需要使用n3图表在我的图表中显示一些文本数据。 例如，这是我的数据对象：

<tr *ngFor="let data of mf.data">
<td>
     <div class="aeName">
        <span class="displayName" materialize="tooltip" data-position="top"  [attr.data-tooltip]="data.aeName != '' ? data.aeName : data.email">{{data.aeName != "" ? data.aeName : data.email}}</span>
     </div>
</td>

我需要的是在鼠标悬停后显示工具提示中显示Bus Stop的名称。

我尝试使用tooltip formatter，tooltipHook和其他一些选项，但没有任何作用。 你能推荐一些帮助我解决这个问题的东西吗？

非常感谢！

Answer 1

您可以使用tooltipHook调整工具提示格式及其内容

tooltipHook: function(d){
  if (d) {
    return {
      rows:  d.map(function(s){
      })
    }
  }
}