X Axis Range Grouping

[Rick]

 Please see attached image.

We are in the process of replacing Highcharts with the Telerik RADHtmlChart (as we have had so many issues with Highcharts).

As this is an existing system we need to give the same look and feel. We have lots of charts which I have replaced. I am now down to the last one :-)

The chart groups given the following data set:

Range    Value

0-9          0

9-18        0

18-28      0

28-37      1

37-46      0

Can you advise me how I can get the RADHtmlChart to graph as per the attached image.

[Marin Bratanov]

Hi Rick,

Here are the features I see used in the screenshot:

• to show such strings in the x-axis labels, you have two options:
  • get the said strings to come from the data source (if possible). The DataLabelsField of the x-axis lets you use the strings from the data source directly as categories
  • OR, use templates: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/clienttemplate/using-client-templates-legend-axes#client-templates-for-axes-labels so you can "rename" the category that comes from the data source to your desired string.
• multiple Y-axes: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/axes/multiple-y-axes (again, you may want to use a template to get the "2k", "4k" display for the secondary axis). The "Call a function" bullet from the following section shows a very similar example: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/clienttemplate/display-html-and-execute-javascript#execute-javascript-with-a-clienttemplate.
• the Smooth LineStyle feature of the line series: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/chart-types/spline-chart.

Regards,

Marin Bratanov
Telerik by Progress

[Rick]

Many thanks for the prompt reply.

I will try this out.

[Rick]

Many thanks for your help, please see attached :-)

I am unable to get 1K, 2K etc on the Y axis as RadHtmlChart.PlotArea.YAxis.LabelsAppearance has no property ClientTemplate.

I am using Telerik.Web.UI.dll, v4.0.30319 which we purchased 2 years ago.

Do I need to upgrade?

[Marin Bratanov]

Hi Rick,

The axis labels templates are available since R2 2016, so you would need to upgrade to get the feature.

Regards,

Marin Bratanov
Telerik by Progress

[Rick]

Thank you, assumed this to be the case.

Good reason to upgrade.