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

Floating Column Chart

5 Answers 73 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 31 May 2013, 03:55 PM
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

5 Answers, 1 is accepted

Sort by
0
Stamo Gochev
Telerik team
answered on 05 Jun 2013, 10:09 AM
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.
0
John
Top achievements
Rank 1
answered on 05 Jun 2013, 07:07 PM
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>
0
Phil
Top achievements
Rank 1
answered on 10 Jan 2014, 03:35 PM
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>
0
Danail Vasilev
Telerik team
answered on 14 Jan 2014, 09:43 AM
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.
0
Danail Vasilev
Telerik team
answered on 31 Jul 2014, 12:24 PM
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.

 
Tags
Chart (HTML5)
Asked by
John
Top achievements
Rank 1
Answers by
Stamo Gochev
Telerik team
John
Top achievements
Rank 1
Phil
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or