Floating Column Chart

6 posts, 0 answers
  1. John
    John avatar
    28 posts
    Member since:
    Mar 2010

    Posted 31 May 2013 Link to this post

    Hi there,

    I am wondering if there is any support for a floating column chart.  I tried to make my own by creating a Series with a white background, however, the column itself has a gray border.

    John
  2. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 05 Jun 2013 Link to this post

    Hi John,

    In order to make the Floating Column chart scenario you want, you should use a transparent color for  the ColumnSeries that is below the green one from the screenshot , but we are aware of a problem with setting a transparent color in the RadHtmlChart.

    However, setting the color property won't affect the border of the series items, so a better solution would be to add an Opacity property for the series. This property would control the appearance of all the elements for the series item, so that you can set a transparent color  for  the border's as well. That is why I have logged this visual improvement in our Feedback portal. As more and more people vote for it, we will increase the priority of this task and provide it to you as soon as possible.

    Regards,
    Stamo Gochev
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. John
    John avatar
    28 posts
    Member since:
    Mar 2010

    Posted 05 Jun 2013 Link to this post

    Thanks for the tip.  I've devised a temporary solution to hide the gray borders..

    <style type="text/css">
        g path[stroke="#cccccc"]
        {
            opacity: 0;
        }
         
        g path[fill="#ffffff"][stroke="#cccccc"]
        {
            opacity: 0;
        }
    </style>
  5. Phil
    Phil avatar
    4 posts
    Member since:
    Jun 2012

    Posted 10 Jan 2014 Link to this post

    John, just want to say thank you. Your style idea helped me with my problem...making the column series border transparent!!

    Telerik, i suggest using this as a workaround for people who want to make their column series border transparent until( if you do at all!) make this a configurable option.

    <style type="text/css">
            g path[stroke="#000000"] {
                opacity: 0;
            }
    </style>
  6. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 14 Jan 2014 Link to this post

    Hello All,

    Such a feature request about controlling the appearance of the series border has already been logged in our feedback portal here, so that you can monitor, comment or raise its priority by voting on it.

    I have also updated the feedback item so that the opacity property can also be set.

    Regards,
    Danail Vasilev
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  7. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 31 Jul 2014 Link to this post

    Hi All,

    We have scheduled the implementation of the floating column chart type a.k.a. range column series for Q3 2014, so that if everything is fine you can expect it then. The feature will be similar to KendoUI's Range Bar Charts.

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017