bar chart + rgba color problem

[Bela]

Hello guys,

I have a problem with series border color when series color is defined as RGBA color.
In general border color is matching with series color. However if you use RGBA colors the border will be black no matter what color you used.

Repro:
http://jsfiddle.net/3v24W/1/

Any opinion?

Cheers,
ilo

[Hristo Germanov]

Hi Bela,

The bars' border color is based on the series' color but slightly darker. Obviously we have a problem calculation this color. Could you please try to set border color manually: http://jsfiddle.net/3v24W/4/

Kind regards,
Hristo Germanov
the Telerik team

[Bela]

Hi Hristo,

Thank you for your answer. Setting border color works well in this simplified example, but I'm dealing with a chart with custom bar colors. In that case setting border color manually is not an option since there is no way to set this property separately on each bar.

Do you know about any workaround for that case?

As a temporary solution I removed the border (border.width: 0) so the black border doesn't break the design.

Best regards,
ilo

[Hristo Germanov]

Hello Bela,

Chart does not support RGBA color because it is not supported by all browsers(for example IE does not support RGBA). Can you try to set chart's seriesColors with RGB/HEX?

Kind regards,
Hristo Germanov
the Telerik team

[Bela]

Hello Hristo,

Thank you for your answer.

I have no problem with the fact that Kendo charts with RGBA colors are wrongly displayed in browsers where RGBA is not supported however I would expect them to be displayed correctly in modern browsers (just like rounded corners), since I haven’t found anything in the documentation that suggests I shouldn’t use them.

“Any valid CSS color string will work here, including hex and rgb.” – about using colors in Kendo DataViz.

So I still think this is a bug, or the documentation is not accurate enough.

Anyways, this is not a problem for me anymore, since I’m satisfied with the charts’ appearance without borders, and I’m using different color schema depending on the browser’s type – RGBA colors in modern browsers and RGB/HEX colors in old browsers.

Kind regards,
ilo

P.S. I have to use RGBA colors to make one bar highlighted (by fading the other bars’ color) in the bar chart. If you know any other way to reach the same effect without using RGBA colors (e.g. using series opacity in some way), please let me know.