How to create chart with multiple column series?

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.

1 Reply

DA Devi Aruna Maharasi Murugan Syncfusion Team December 28, 2016 12:04 PM UTC

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, 
  
  
Regards, 
Devi 




Loader.
Up arrow icon