How to create chart with multiple column series?

[Syaiful Nizam Yahya]

Here are the sample of chart that I want to create.

I have 2 range of x axis data. 36-64 and 149-165. I want to omit the range from 64 to 149.

Here are the documentation for multiple series range. https://help.syncfusion.com/uwp/sfchart/area#multiple-area But for the life of me, i can't figure out how to do it in my case.

Here are my current progress. 

Note how I bind the data here

<Charts:SfChart Margin="12"
    Series="{x:Bind ViewModels.Collection}">

The source code can be had here.

https://github.com/syaifulnizamyahya/SfChart/tree/bc1bc592b750473510b5bcdc116a75c411ffab37

Please help. Nothing I try works.

[Devi Aruna Maharasi Murugan]

Hi Syaiful, 

  

Thanks for contacting Syncfusion Support. 

  

We can achieve your requirement by using ChartColumnDefinition. We have prepared a demo sample based on your requirement with reference of provided sample and it can be downloaded from below link, 

  

Sample: SfChartMultipleColumn 

  

Regards, 

Devi