bar chart + rgba color problem

5 posts, 0 answers
  1. Bela
    Bela avatar
    6 posts
    Member since:
    Jul 2012

    Posted 18 Sep 2012 Link to this post

    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
  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 19 Sep 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Bela
    Bela avatar
    6 posts
    Member since:
    Jul 2012

    Posted 19 Sep 2012 Link to this post

    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
  4. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 21 Sep 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Bela
    Bela avatar
    6 posts
    Member since:
    Jul 2012

    Posted 26 Sep 2012 Link to this post

    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.

Back to Top