We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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.


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, 

Live Chat Icon For mobile
Up arrow icon