Angular ngx图表热图使用ToolTiptTemplate自定义工具提示
我试图用这段代码自定义ngx图表热图的工具提示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图表热图只允许多对象,有没有办法自定义工具提示?图例也可能在(或类似)图表元素中使
<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>