How to implement stacked bar in Rad Chart

Thread is closed for posting
10 posts, 0 answers
  1. Yosief
    Yosief avatar
    26 posts
    Member since:
    Mar 2008

    Posted 12 May 2008 Link to this post

    Hi All

    I am getting three fields from my data source; one numeric and the rest two string.

    I want the info to be displayed as a stacked bar type of Rad chart. I want to group the contents by one of the string columns (which will also provide the label for my X-Axis) and use the numeric field as my Y axis.

    How do I do that?

    Please help me urgently.
  2. Ves
    Admin
    Ves avatar
    2879 posts

    Posted 12 May 2008 Link to this post

    Hello Yosief,

    I am afraid RadChart does not provide such type of grouping. Each chart series item can get the values for the corresponding XValue and YValue properties from the underlying data. It can also group the items in series, but still, the XValue will be respected (or if no XValue is set -- the items will be added consecutively).

    However, you can manually alter the chart after it has been databound in order to achieve the desired result. I have attached a small page showing this.

    Regards,
    Ves
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yosief
    Yosief avatar
    26 posts
    Member since:
    Mar 2008

    Posted 13 May 2008 Link to this post


    Hi Ves

    How does the stacked bar type of the chart work, then?

    From what I reckon, the stacked bar can display 3-dimensional data (3-field data source).

  5. Ves
    Admin
    Ves avatar
    2879 posts

    Posted 15 May 2008 Link to this post

    Hi Yosief,

    You can check this video, as well as this online example -- choose "Stacked Bar" from the dropdown on the left. Stacked bar chart can display (n-field data source) -- there is a new series for each field and a new chart series item (bar) for each instance (table row) from the data source. Basically, it is the similar to Bar chart, but the bar appear on top of each other.

    Regards,
    Ves
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. John
    John avatar
    8 posts
    Member since:
    Mar 2009

    Posted 18 Sep 2009 Link to this post

    Hi Yosief,

    Did you complete this chart as you expected?  I have the exact situation as you describe.

    I see that the example provided to you from Telerik uses a table with ony two columns.


    Thanks,
    J
  7. Yosief
    Yosief avatar
    26 posts
    Member since:
    Mar 2008

    Posted 21 Sep 2009 Link to this post

    Hey John

    I have not yet found a way of implementing proper grouping in rad charts. I wish the telerik guys come up with a solution.
  8. Yosief
    Yosief avatar
    26 posts
    Member since:
    Mar 2008

    Posted 21 Sep 2009 Link to this post

    Hey John

    Fortunately, I found today a way of making it work with 3 columns where one of them is used for grouping.

    Contact me on this email address: Yosief.Kesete at nedoweb.com
    and I will send you an example.

    Thanks
  9. Jittu
    Jittu avatar
    18 posts
    Member since:
    Sep 2012

    Posted 15 Jan 2013 Link to this post

    I would like to have a chart as the attached picture. I am all new to these chart and the stuff present here is very confusing . I need to show the value on top before I need to display the chart hopefully with a collection.Please help me
  10. Ashish
    Ashish avatar
    1 posts
    Member since:
    Apr 2014

    Posted 07 Apr 2014 Link to this post

    I have to implement this kind of bar in which as the course get completed the bar green color moves ahead and shows the no. of courses completed next to it.
    please guide me how to implement this

    Thankyou
  11. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 08 Apr 2014 Link to this post

    Hello Ashish,

    You can set the RadChart DefaultType property or ChartSeries.Type to StackedBar. More information on the matter is available in Stacked Bar Charts help article.

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017