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

Funnel and Bubble chart - The Sales Funnel

overlay two

Funnel and Bubble chart - The Sales Funnel


Attachment: Funnel_and_Bubble_chart__5fb6db3c.zip

3 Replies

SJ Sumathi Jayaraj Syncfusion Team April 5, 2016 10:10 AM UTC

Hi Grzegorz,

Thanks for contacting Syncfusion Support.

It is not possible to combine the funnel series and bubble series in the same chart. Please provide us more information regarding the use case to provide better solution.

Sumathi J.

GP Gregory Pe April 5, 2016 11:05 AM UTC


I mean the imposition of the two charts
1.Funnel chart - background / data
2.Bubble chart - background transparent / data
to get the effect of the sales funnel - the visual effect of a single chart

two independent sets of data
1.Funnel  chart
        public ViewModel()
            this.list = new ObservableCollection<Data>();
            DateTime yr = new DateTime(2010, 5, 1);

            list.Add(new Data() { Category = "Iron",Percentage = 36});
            list.Add(new Data() { Category = "Zinc",Percentage = 32});
            list.Add(new Data() { Category = "Copper",Percentage = 34});
            list.Add(new Data() { Category = "Aluminium",Percentage = 41});
            list.Add(new Data() { Category = "Gold",Percentage = 42});
            list.Add(new Data() { Category = "Silver",Percentage = 42});
            list.Add(new Data() { Category = "Diamond",Percentage = 43});

2.Bubble chart
    public ViewModel2()
            this.Fruits = new ObservableCollection<Model2>();

            Fruits.Add(new Model2() { FruitName = "Apple", People = 27,Size=0.3m });
            Fruits.Add(new Model2() { FruitName = "Orange", People = 33,Size=0.2m });
            Fruits.Add(new Model2() { FruitName = "Grapes", People = 15, Size = 0.2m });
            Fruits.Add(new Model2() { FruitName = "Banana", People = 5, Size = 0.3m });
            Fruits.Add(new Model2() { FruitName = "Blueberry", People = 20, Size = 0.4m });

the end result is similar to -attach file

Attachment: sales_funnel_7369eb4e.zip

SR Samuel Rajadurai Edwin Rajamanickam Syncfusion Team April 6, 2016 12:01 PM UTC

Hi Grzegorz,


Thanks for the update.


As we informed earlier, it is not possible to combine funnel and bubble series in a single chart. We have achieved your requirement using ellipse annotation in chart, to depict the bubbles in the funnel series. Please find the sample attachment from the below location.



Please refer the below documentation link for more information about annotations.



Please let us know, if this satisfies your requirement.




Live Chat Icon For mobile
Up arrow icon