X Axis Range Grouping

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,