Chart: Column-stacked type bar offset issue

[khicban]

Describe the bug I am using soho-chart component with column-stacked chart for widgets and I'm noticing some offset in the x-axis alignment with the bars. It seems that the bar-width is not fully responsive and offset usually occurs when bar count exceeds 6.

Expected behavior Chart bars should be responsive in width, with bar & x-axis label aligned

Version

• ids-enterprise-ng: [e.g. v17.4.4 or v17.7.1]

Screenshots

Platform

• Widget SDK - IDS Angular
• All major browsers

[tmcconechy]

@khicban We think this issue could be fixed on the latest version. Could you try the latest version and let us know.

Also if you post the example with the data in stackblitz you can confirm https://stackblitz.com/edit/ids-quick-start-1771 (and give us a way to reproduce if not)

[khicban]

Hi @tmcconechy , Issue still occurs as seen below.

I've noticed that this is due to the lengthy name in the dataset. I've tried replacing the name property into the abbrName/shortName values in this example, and it shows no offset. But we need to display the complete color names though in the tooltips. Paremeters shortName and abbrName doesn't seem to work as well. https://stackblitz.com/edit/ids-quick-start-1771-p2c1ax?file=src%2Fapp%2Fapp.component.ts

[tmcconechy]

@khicban we will take a look at improving this example. Other options for now:

a) Try the new web component charts https://github.com/infor-design/enterprise-wc/tree/main/src/components/ids-bar-chart b) Maybe use a larger widget and make the chart bigger?

[khicban]

@tmcconechy - looks like the new web component is not applicable on our end as some parts are not available in this chart type.. We can suggest option b though while waiting for a fix for this component. Thanks, Tim!