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

RadHtmlChart - Circle Marker Size

9 Answers 172 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Lee
Top achievements
Rank 1
Lee asked on 01 Apr 2013, 01:12 AM
Dear Telerik team,

Can I change the marker size in RadHtmlChart? Now I do these:

$('circle').attr('r' , 10);

or

var circle = document.getElementByTagName('circle');
circle.setAttribute('r' , 10);

all of above didn't work. Is there any solution?

thanks!

9 Answers, 1 is accepted

Sort by
0
Lee
Top achievements
Rank 1
answered on 01 Apr 2013, 04:57 AM
function OnClientCircleValueChanged(sender, args) {
        var circle = document.getElementsByTagName("circle");
        for (var i = 0; i < circle.length; i++) {
            circle[i].r.baseVal.value = 2;
        }
        $('circle').attr('stroke-width', 1); //change circle's border
    }

I found solution like above, it works fine now.
0
Danail Vasilev
Telerik team
answered on 01 Apr 2013, 12:04 PM
Hi Lee,

We have an idea for expanding the appearance options for the markers in AreaSeries, LineSeries, ScatterSeries and ScatterLineSeries. It has already been logged in our feedback portal here, so that you can monitor, comment and vote on it.

All the best,
Danail Vasilev
the Telerik team
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
Jon
Top achievements
Rank 1
answered on 11 Apr 2013, 02:56 PM
Hi Lee,

How are you attaching this to the chart?

Regards

Jon
0
Danail Vasilev
Telerik team
answered on 15 Apr 2013, 06:58 AM
Hi Jon,

Note that the functionality of the given JavaScript function is not supported by the RadHtmlChart, so it is rather a temporary workaround/hack until the desired functionality is implemented. It can be executed on pageLoad, OnClientSeriesClicked, OnClientSeriesHovered, or other event handler, triggered after the load of the RadHtmlChart itself.

Note also that if you do not reference jQuery in your page, you can use the embedded jQuery in RadControls through the Telerik static client library (e.g. $telerik.$('circle').attr('stroke-width', 1);). You can also find useful Using jQuery help article.


Kind regards,
Danail Vasilev
the Telerik team
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
Jon
Top achievements
Rank 1
answered on 15 Apr 2013, 10:34 AM
Hi Danail

That's great, works very nicely. 

Would it be possible to add an extra demo on the site to illustrate all of the work arounds.  I think that it is very important that people realise that you can improve things beyond the standard.

Regards

Jon
0
Danail Vasilev
Telerik team
answered on 16 Apr 2013, 09:42 AM
Hi Jon,

Thank you for your suggestion.

Indeed the workarounds are not supposed to figure in our online demos, as they are just a temporary solution for some issue or functionality out of the box. They can, however, be given to our clients or be provided in a particular feedback item. Therefore I have updated the feedback item related to the feature request of the marker's appearance options with the given workaround.

Greetings,
Danail Vasilev
the Telerik team
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
Jon
Top achievements
Rank 1
answered on 16 Apr 2013, 09:56 AM
Hi Danail,

I think that Telerik maybe missing a trick here though.

For a lot of the controls I have seen so much more functionality added by way of these hacks/work arounds that by not having a section dedicated to them you are undersselling the products and also as users we are not being treated to some excellent functionality that might otherwise put us off using the controls. 

Taking my experience recently with the charts, if I hadn't been persistent I might have looked at the charts and said well they don't have this or that so I won't use them.  Instead I have employed the following:

Work around for the data series
JQuery hack for the marker presentation
CSS hack for the tooltip appearance
Code behind manual creation of data series to avoid issue with too many xaxis labels

And there are a few more that I'd like to look at such as
Yaxis removal of 0.5 intervals (only whole numbers)
Max number of grid lines, x and y
Other CSS hacks to improve the appearance of the chart.

Looking at other controls I can safely say that very few have wholly done whjat I want and it's always been a lot of effort to find these hidden gems.  Please try and get them added into a special section under each control....

Regards

Jon
0
Danail Vasilev
Telerik team
answered on 18 Apr 2013, 10:18 AM
Hi Jon,

We highly appreciate the feedback from our clients.

The reason why such a workaround or hacks are not present in our official resources (i.e. online demos and documentations) is that they are not supported by the particular control and we cannot fully guarantee their proper functionality because:
  • they have not gone through the testing process by our QAs, so they may not work in all cases.
  • they are temporary solutions that might be reliable in a certain version of RadControls while in other version they might not be. 

Having workaround/hacks in official resources may mislead most of our clients due to the given reasons above and therefore they can only be present in:

  • feedback items, so that they are applicable for the described scenario and available for the time frame of the item. Feedback items can easily be searched and monitored.
  • support tickets/forum threads so that they are applicable for a certain scenario. The forum is the place for public discussions related to RadControls and our clients can share freely their feedback, questions or workarounds with the community. You can also the search engine in order to find a particular case.
  • code library or knowledge base - when the workaround is an usable code sample or an implementation of a missing feature and it is not influenced by a particular version of RadControls. If you have any ideas about such implementations you can create a code library and we will gladly award you efforts and the contribution to the community with Telerik points.
Please find below my comments on some of your points:
  • JQuery hack for the marker presentation - logged as a feature request here. The feedback item has been updated with the workaround.
  • CSS hack for the tooltip appearance - logged as a feature request here. The feedback item has been updated with the workaround.
  • Code behind manual creation of data series to avoid issue with too many Xaxis labels - logged as a feature request here. The PITS item has been updated with the workaround.
I am not actually sure about the other points, but if they are not present in our feedback portal and they are feature request or bug report then you can open such a feedback item. You can also create a code library entry project with similar functionality you have implemented.

Kind regards,
Danail Vasilev
the Telerik team
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
Jon
Top achievements
Rank 1
answered on 18 Apr 2013, 10:33 AM
Hi Danail,

Thanks for the detailed feedback.  I see your point,  with all that in mind I guess that the thing to remember is that a lot of the time a hack or work around will do what we need and if we can't find it we need to ask how to do the hack.  

Yes I'd already voted on those PITS items...

Best Regards

Jon
Tags
Chart (HTML5)
Asked by
Lee
Top achievements
Rank 1
Answers by
Lee
Top achievements
Rank 1
Danail Vasilev
Telerik team
Jon
Top achievements
Rank 1
Share this question
or