I am having problem with Legend when I have item (series) more than 5 then it will repeat from the first color. I am using the multi series which generated dynamically so I can't set the specific color each series.
it makes the chart messy and can't be understood as the color are same.
I appreciate your comments and advice. Thanks.
4 Answers, 1 is accepted
Thank you for contacting the Telerik's support team.
The reason for this behavior is because the RadHtmlChart uses 5 predefined colors for the series, i.e. if you use more than 5 series in a single chart, their colors will start to repeat themselves. However, we have worked on adding 5 more colors for each skin and this improvement will be available in our next Service Pack. If you are too eager to get them, you can find the new colors in our Latest Internal Build.
I got your meanings that it provides only 5 pre-defined colors. It would be great if you could provide an unlimited color, not just 10 or 15 color such what MS excel does. Actually, I can do it by grammatically generate now.
Thanks for your answer though.
This is quite frustrating to only have 10 colors, and frankly many of the 10 are similar. See my attached example. It's very difficult for a user to make any sense of this graph. I realize that you are using a palette of colors that you have decided looks good with the current skin. However, when it comes to graphs, I think it's more important to have the full spectrum of colors available (without lots of custom coding), rather than being limited to colors that match the current skin. Couldn't you have some better options to override the default 10 colors and have your graph pick a wider variety of colors? This is one of the biggest complains from our customers and makes me want to use a graphing component from some other vendor.
You can easily define a set of colors you wish to use and assign them to the series you have, and the following article shows an example: https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/how-to/using-multiple-custom-colors-to-create-charts.
Alternatively, you can create a custom skin that has the desired list of colors in the seriesColors field which will have just about the same result, but requires a bit more maintenance and is a bit less portable. Here's how to create a custom skin: https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/appearance-and-styling/create-custom-skin.
For the most cases where a chart is needed on a web page, 10 colors have been enough for our customers. RadHtmlChart is a chart, not a complete reporting solution (like, say, Tableau) and as such it is not designed to handle everything, which is why it offers API for the developer to create the desired results.