Last Updated: 16 Sep 2020 16:40 by ADMIN
Release R3 2020
Danail Vasilev
Created on: 20 Feb 2014 09:36
Category: HtmlChart
Type: Feature Request
ADD crosshair functionality in RadHtmlChart
The functionality is currently exposed only by the x-axis of the sparkliens. It would be a good idea to be exposed by the other series types as well.

For the time being you can configure the cross hair through the kendo widget:
			function pageLoad() {
				$find('RadHtmlChart1').get_kendoWidget().setOptions({categoryAxis:{crosshair:{ color: "green", width: 2, visible: true}}});
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="400">
					<telerik:ColumnSeries Name="Series 1">
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
					<telerik:LineSeries Name="Series 2">
							<telerik:CategorySeriesItem Y="39" />
							<telerik:CategorySeriesItem Y="19" />
							<telerik:CategorySeriesItem Y="29" />
					<LabelsAppearance RotationAngle="33"></LabelsAppearance>
						<telerik:AxisItem LabelText="Item 1" />
						<telerik:AxisItem LabelText="Item 2" />
						<telerik:AxisItem LabelText="Item 3" />
1 comment
Posted on: 16 Sep 2020 16:40

Hi guys,

I am glad to inform you that the requested feature is now implemented in RadHtmlChart and is available as of R3 2020.

Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on , special prizes and more, for FREE?! Register now for DevReach 2.0(20).