This is a migrated thread and some comments may be shown as answers.

Data binding for stacked bar chart

1 Answer 232 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 12 May 2014, 04:43 PM
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.

Thanks!

John



1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 14 May 2014, 10:39 AM
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.


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.

 
Tags
Chart (HTML5)
Asked by
John
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or