I need a bar line (chart ) column within grid

[Krishna]

Hi,

i have requirement where i should show one column with a  single bar for each row .. below gives little idea on how it should look
http://img0.gmodules.com/ig/modules/bar-chart.png

but for each row should have one bar which show 3 numbers (quantities) with different colors.

i dont require any x or y axis it can be a line or lable with 3 different colors filled in it depending on the numbers provided within the row cell.

is there any way to get that within the grid? or is there any logic so that i can fill the row cell with the colors?

Please help me if any one have done similar thing

thanks
-Krishna

[Iana Tsolova]

Hi Krishna,

You could achieve it with a div in the ItemTemplate of a GridTemplateColumn. You could add the div there and set its width in pixel for instance. You can add three more divs into this and set their background color to the corresponding colors. Then you could set dynamically the width of each inner div in percentage depending on the retrieved data. 
Additionally, I am attaching a sample project illustrating similar scenario. 

Regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Krishna]

Lana,

Thanq very much for the suggesion.

I decided to go with the Div inside the cell..

Thanks a lot for the sample code..

-Krishna