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

Different Colour for Different value

7 Answers 488 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Neil
Top achievements
Rank 1
Neil asked on 28 Jan 2013, 02:35 PM
Hi, Ive got a chart ( please see attachment ) I was wondering is it possible to set different colour for different value. The values are from 0 to 5 ( the labels are changed manually in the chart ).
Im using  WCF  service, that means im receiving data in json format.
Thank You in advance,
neil

7 Answers, 1 is accepted

Sort by
0
Neil
Top achievements
Rank 1
answered on 29 Jan 2013, 09:02 AM
Solved it ! What You need to do is send 5 different series of column charts and stack them. See an example picture attached
0
Iliana Dyankova
Telerik team
answered on 29 Jan 2013, 09:17 AM
Hi Neil,

As another option you can use the colorField configuration option. For working example please check this online demo

Regards,

Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Neil
Top achievements
Rank 1
answered on 29 Jan 2013, 09:21 AM
that's a shame I didn't come across this yesterday, but I think my way is a bit more less static. But its great to know, thanks
0
Abdullah
Top achievements
Rank 1
answered on 08 Mar 2013, 07:15 AM
Hi

The Demo works perfect.Demo Color

How can i set the legend, when i have different colors in the bar.
Legend like this:
- United States (for the orange color bar)
- Turkey (for the gray color bar )

regards
toprak
0
Iliana Dyankova
Telerik team
answered on 08 Mar 2013, 11:05 AM
Hi Toprak,

I am not quite sure if I understand your scenario correctly - by design the legend displays the
series name. In the example you pointed there is only one serie (United States) with 5 points (each bar is actually a point of the serie). In order to assist you best and provide concrete recommendations I would like to ask you to provide more detailed information about the exact functionality you are trying to implement. Thank you in advance.

Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Abdullah
Top achievements
Rank 1
answered on 09 Mar 2013, 01:48 AM
Hi Iliana

I will just customize the legend with the 2 colors, but with one serie as model. (see attachment)

Because the model has the property "Color" it is easy to set different color for each points. But the legend should also show the right color legends !

best regards
toprak
0
Iliana Dyankova
Telerik team
answered on 12 Mar 2013, 11:34 AM
Hi Toprak,

I am afraid what you would like to achieve is not supported in Kendo UI Chart. As I pointed in my previous post, the legend displays the series names not the series points. I.e. if you would like to show both "United States" and "Turkey" in the legend you should have two series (like in this online demo), not one serie with five points and different colors (like in the discussed demo). 

Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Charts
Asked by
Neil
Top achievements
Rank 1
Answers by
Neil
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Abdullah
Top achievements
Rank 1
Share this question
or