Completed
Last Updated: 30 Oct 2020 21:30 by ADMIN
Kasim
Created on: 12 Mar 2018 09:58
Category: HtmlChart
Type: Feature Request
1
Bind data source to Line Chart, Column chart and Bar Chart Series
My objective is to compare product revenue over time. This I would like to achieve using data binding. I do not have information of product names or have the product names as columns. My data table structure is having three columns:

Date
Product Name
Revenue

This I should simply be able to achieve using data binding to a table with above three columns. 
In result I expect each of the Product Names to appear as independent series with revenues plotted on different dates.

A similar graph is displayed in the Line Chart documentation for RadHtmlChart.
https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/chart-types/line-chart
1 comment
ADMIN
Vessy
Posted on: 30 Oct 2020 21:30

Hi Kasim,

The HtmlChart is only a data visualization control and cannot structure the data on its own - it expects the data to be passed by columns but not by rows. Nevertheless, you can implement the approach from the following code library in order to normalize the data prior to binding it to the control and group it in the desired by you way:

https://www.telerik.com/support/code-library/group-radhtmlchart-data-source

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.