ngx-charts-line-chart remove or hide percentage

[limpid oasis]

👋Hello can i get some help on this library ngx-charts i need to hide the percentage
HTML:

    <ngx-charts-advanced-pie-chart
      [scheme]="colorScheme"
      [percentageFormatting]="hidePercentageFn"
      [results]="gaugeChart"
      [valueFormatting]="valueFormattingFn"
      [legend]="true"
      [label]="Label"
    >
    </ngx-charts-advanced-pie-chart>

TS:

hidePercentageFn(_value: number): string {
// I wrote this function to hide the percentage value but it showing Nan%
return '-';
}

[hybrid yarrow]

That function is supposed to format the value, but it's expected to return still a number.
I'm not familiar with the library, but you can achieve your goal by css

::ng-deep .item-percent {display: none}

[solemn idol]

Yeah, above solution is preferred as you can't really use the percentageFormatting input to hide the percentage but rather format the value.

https://github.com/swimlane/ngx-charts/blob/049db67f494b546fe583189646ab1a186509c305/projects/swimlane/ngx-charts/src/lib/common/legend/advanced-legend.component.ts#L73

[limpid oasis]

Friend thanks i found the solution you were right!

[limpid oasis]

Thanks I fixed it in this way, make sense what you said, but !important was missing, i forgot this css proprety 🫣

::ng-deep .item-percent {
display: none !important;
}