Column Chart

[Tom]

Hello, how can I achieve the effect shown in the image? where there is corresponding information under each horizontal axis and each pair is separated by vertical lines?

Attachment: imagea00_5af78fd9.png

[Vidyalakshmi Mani]

Hi Tom,

Thank you for contacting us.

Currently, there is no direct support to categorize the elements in the chart as illustrated in the image you provided. We will investigate possible approaches to achieve this and will update you with our findings. We appreciate your patience while we look into this.

Regards,

Vidyalakshmi M.

[Vallarasu Ravichandran]

Hi,

We have achieved the chart rendering using the SegmentColorPath. For your reference, we’ve also attached an image. We’ll need a further time to check possibility to achieve this.

We appreciate your patience while we look into this.

Regards,
Vallarasu R

[Vallarasu Ravichandran]

Hi Tom,

Thank you for your patience.

We have achieved the requested outcome based on your requirement attachment by using WPF SfChart with ColumnSeries and ScatterSeries with custom  templates. Each horizontal axis label now has its corresponding elements positioned directly below the axis, and vertical separation between pairs is managed using the chart’s grid lines and layout alignment.

Kindly find the attached sample project and demo showcasing this implementation for your reference.

Additionally, here’s a reference link that demonstrates how to use custom series templates in WPF SfChart: https://github.com/SyncfusionExamples/how-to-customize-the-chart-series-in-wpf-sfchart

We hope this helps you achieve your requirement. Please feel free to reach out if you need any further assistance.

Regards,
Vallarasu R.

Attachment: SampleWPF_f34bfca5_ef5a137f.zip