Data binding for stacked bar chart

2 posts, 0 answers
  1. John
    John avatar
    10 posts
    Member since:
    Sep 2013

    Posted 12 May 2014 Link to this post

    Hello, all.

    I'm just getting started in telerik charting, and I'm tasked with trying to produce a real-estate stacking plan.  It's a fairly industry-standard chart that is essentially a zero-gap "StackedBar100" chart, where the items are rentable units, grouped by floor, proportioned by rentable area.  So, for example, the attached data would produce, roughly, the attached chart.  (The colors will be set item by item, based on other data, and the floors will be reversed, high to low, to mimic the building layout.)

    I'm understanding most of what I need to do, but my stumbling point is the grouping field.  How do I tell the chart that series items need to be grouped based on the "Floor" field?

    As I said, I'm very unfamiliar with charting programming, in Telerik or elsewhere, so I might be getting tripped up on terminology.



  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 14 May 2014 Link to this post

    Hi John,

    I am sorry to say that data source grouping functionality and Stacked Bar 100% Charts are supported only by the obsolete RadChart control and not by the RadHtmlChart. What I can suggest is that you:

    • Either group the data source manually and pass it to the RadHtmlChart. Such an example with a DataTable data source is illustrated in this forum thread. Once you bind the chart to the grouped data source, you can stack the series in separate clusters as illustrated in this online demo. You may also raise the priority of this feedback item by voting on it, so that once implemented it would allow you to use stacked 100% series in RadHtmlChart too.
    • Or use the obsolete RadChart control with stacked bar 100% series and its grouping functionality.

     More information on the pros and cons of both charts can be found in RadHtmlChart vs. RadChart, round 2. Which one is right for me? blog post. You may also useful the Migrating Functionalities - Features and Series Types Parity help article that illustrates the known limitations of the features and series types in RadHtmlChart when migrating from RadChart.

    Danail Vasilev

    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