RadHTMLChart Questions

1 Answer 69 Views
Chart (HTML5)
Raphael
Top achievements
Rank 1
Raphael asked on 08 Jun 2023, 05:31 AM

I've been attempting to use RadHTMLChart and have a few questions: 

  1. Is there any way to trigger some behaviour when a user clicks on text in the X axis? Ideally a postback telling me which value was clicked so I can then display more detail on it. 
  2. When using a percent stacked bar chart, it can be very difficult to read small percent values if one item is at 90% or something like that. However, if I use the legend to hide the one value then all the percentages change so that the currently displayed items all add up to 100%. Is there any way to keep the original percentages?
  3. Through testing we've discovered various characters that can't be used in the label/value fields, such as an apostrophe. Is there a list of these anywhere? 

Thanks in advance.

1 Answer, 1 is accepted

Sort by
1
Doncho
Telerik team
answered on 12 Jun 2023, 06:24 PM

Hi Raphael,

Straight to the points:

1) You can get a reference to the Kendo Chart Widget beneath the RadHtmlChart and subscribe to its axisLabelClick event that fires when the user clicks an axis label:

2) I would assume that this issue is similar to the one described in the following resource:

If this is not the case, please share some more details about the current issue, e.g. some screenshots or code snippets that will help me better understand the scenario.

3) Please refer to the following article on the matter:

I hope you will find this information helpful. In case any further questions regarding any of the three issues arise, please open a separate forum post where we can discuss the issues under a descriptive ticket subject.

Kind regards,
Doncho
Progress Telerik

Heads up! Telerik UI for ASP.NET AJAX versions for .NET 3.5 and 4.0 are retired. Progress will continue shipping assemblies compatible with .NET 4.5 and later. See whether this affects your apps in this article.
Raphael
Top achievements
Rank 1
commented on 15 Jun 2023, 10:32 AM

1 and 3 answer my questions perfectly, thank you very much.

 

For 2, while I do need to fix the overlapping labels issue and the answer will be helpful with that, it's not actually the issue I had.

 

Here is a screenshot of the full bar:

And here is a screenshot of the collapsed bar:

My issue is that the percentages still add up to 100%. I'd like a way to keep them the same percentages they would be with all items displayed.

 

Thanks,

Raphael

Doncho
Telerik team
commented on 20 Jun 2023, 08:57 AM

I am assuming that in the same 100% stacked chart, there are series with values 85747 and also such with significantly lower values such as 1,2,4, etc. If this is the case, overlapping labels are expected due to the small size of the rendered series in the 100% chart.

The 100% stacked chart is convenient in cases where all the series have similar precision. In the case when a series has a value of more than 10000 and the rest series are valued at less than 100, you may consider a different type of chart that would allow displaying the series in a more comparable manner.

Raphael
Top achievements
Rank 1
commented on 20 Jun 2023, 02:13 PM

Sorry, maybe I'm not explaining my issue clearly enough.

My problem isn't with the viewing, it's that the percent count changes.

For example, if I had five entries each with two items then they would each be displayed as 20%. If I clicked on the legend to hide one of these then they all change to 25%. The behaviour I want is for the individual entries to still display 20% and the bar at the bottom to only add up to 80%

Doncho
Telerik team
commented on 23 Jun 2023, 12:31 PM

Thank you for the clarification, Raphael!

Yet, I am afraid that the desired behavior goes beyond the built-in capabilities of the 100% stacked chart. It is designed to always present data in a complete 100% range. Please feel free to use our Feedback Portal to log the desired behavior as a feature request: 

Gerald
Top achievements
Rank 1
commented on 16 Nov 2023, 07:46 AM | edited

Thanks for the answer

geometry dash online

Tags
Chart (HTML5)
Asked by
Raphael
Top achievements
Rank 1
Answers by
Doncho
Telerik team
Share this question
or