Hi discovered a problem with your configuration. I have a simplified version in a Stackblitz fork. The changes I made was to not provide line chart data dynamically, but manually for simplicity. How the problem is, if I have a wide screen, the xAxis shows .5 labels, due to the fact that we remove or add to the values
https://stackblitz.com/edit/canvasjs-angular-multiseries-pareto-chart-16gskg?file=src%2Fapp%2Fapp.component.ts
If you pull the screen wide you see the xAxis labels “KW 3”, “KW 3.5”, “KW 4”, “KW 4.5”, but what I need is only whole numbers like “KW 3”, “KW 4”, “KW 5”,
I can make the line chart xAxis secondary and hide the secondary axis, but then the positioning of the column and line chart datapoints is not in sync anymore.
Do you have any ideas??
Thanks
Thanks for the support!
This helped me immensly. Thanks a lot.
Thanks Thangaraj,
that’s already pretty close. But is it possible to adjust the x-position of the line dots for them to be horizontale aligned with the columns. As seen in your example it’s not possible to identify which line corresponds to which bar. So the dots of the first line should be centerd on the blue bar, the dots of the second line centerd on the red bar. Do you know what I mean?