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.
Unfortunately, activation email could not send to your email. Please try again.

How to create chart with multiple column series?

Thread ID:





128014 Dec 27,2016 02:03 AM Dec 28,2016 07:04 AM UWP 1
Tags: SfChart
Syaiful Nizam Yahya
Asked On December 27, 2016 02:03 AM

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.

Devi Aruna Maharasi Murugan [Syncfusion]
Replied On December 28, 2016 07:04 AM

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, 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.