求助：如何让ngx-charts-bar-vertical-normalized始终显示百分比

你当前设置的tooltipTemplate仅控制鼠标悬停时的提示框内容，要让百分比数值始终显示，需要配置组件的数据标签（Data Label），而非tooltip。以下是具体修改步骤：

1. 保留已设置的[showDataLabel]="true"，这是显示数据标签的核心开关
2. 添加自定义数据标签模板，控制始终显示的内容格式
3. 将该模板绑定到组件的[dataLabelTemplate]属性上

修改后的完整代码：

<ngx-charts-bar-vertical-normalized
    [view]="[1000, 400]"
    [results]="multi"
    [xAxis]="showXAxis"
    [yAxis]="showYAxis"
    [legend]="showLegend"
    [legendTitle]=""
    [showXAxisLabel]="showXAxisLabel" 
    [showYAxisLabel]="showYAxisLabel"
    [yAxisLabel]="yAxisLabel"
    [tooltipTemplate]="tooltipTemplate"
    [customColors]="myColors"
    [showDataLabel]="true"
    [dataLabelTemplate]="dataLabelTemplate">

    <!-- 鼠标悬停提示框模板（保留原需求） -->
    <ng-template #tooltipTemplate let-model="model">
        <div style="padding: 5px; font-size: 15px;">
            <div>
                {{model.series}} <span style="font-size:20px;"> . </span>{{model.name}}
            </div> {{model.value}}%
        </div>
    </ng-template>

    <!-- 自定义数据标签模板（新增，控制始终显示的内容） -->
    <ng-template #dataLabelTemplate let-model="model">
        <span>{{model.value}}%</span>
    </ng-template>
</ngx-charts-bar-vertical-normalized>

说明：

• dataLabelTemplate是ngx-charts专门用于自定义数据标签内容的模板输入属性
• 模板中的model对象结构与tooltip模板一致，可直接使用{{model.value}}%渲染百分比
• 已补全你原代码中[results]="multi"缺失的闭合引号

内容的提问来源于stack exchange，提问作者Tomás Dodorico