Ngx-Charts - how to add text inside a normalized bar chart for each normalized section

Ngx-Charts - how to add text inside a normalized bar chart for each normalized section

  

I have created a normalized horizontal bar chart using ngx-charts

Here is my sample code https://stackblitz.com/edit/swimlane-normalized-horizontal-bar-chart-wunjep?file=app%2Fdata.ts

It looks like this enter image description here

But I want to add text in the middle of the bar chart for each section so it looks something like

enter image description here

Is there a way to do this.
Help is much appreciated :)

Answer

It does not have the support for such customization, instead go for a highly customizable library like chart.js

Chart.js Horizontal Bar Chart Docs Example

© 2024 Dagalaxy. All rights reserved.