Angular ngx图表热图使用ToolTiptTemplate自定义工具提示

Angular ngx图表热图使用ToolTiptTemplate自定义工具提示,angular,tooltip,heatmap,ngx-charts,Angular,Tooltip,Heatmap,Ngx Charts,我试图用这段代码自定义ngx图表热图的工具提示 <ng-template #tooltipTemplate let-item="item"> <h1> {{getFlag(item.name)}} </h1> <h2>{{item.name}}: {{item.value}}</h2> </ng-template> ngx图表热图只允许多对象,有没有办法自定义工具提示?图例也可能在(或类似)图表元素中使

我试图用这段代码自定义ngx图表热图的工具提示

<ng-template #tooltipTemplate let-item="item">
  <h1>
    {{getFlag(item.name)}}
  </h1>
  <h2>{{item.name}}: {{item.value}}</h2>
</ng-template>

ngx图表热图只允许多对象,有没有办法自定义工具提示?图例也可能在
(或类似)图表元素中使用以下形式的模板:

<ng-template #tooltipTemplate let-model="model">
    <!-- fields are series/name/value -->
    <div class="tt">
      {{ model.series }}
      | {{ model.name }}
      | {{ model.value }}
    </div>
</ng-template>

{{model.series}}
|{{model.name}
|{{model.value}}
StackBlitz示例基于当前文档中的示例:

<ng-template #tooltipTemplate let-model="model">
    <!-- fields are series/name/value -->
    <div class="tt">
      {{ model.series }}
      | {{ model.name }}
      | {{ model.value }}
    </div>
</ng-template>