Completed
Last Updated: 16 Sep 2020 16:35 by ADMIN
Release R3 2020
ADMIN
Danail Vasilev
Created on: 21 Aug 2013 15:55
Category: HtmlChart
Type: Feature Request
11
ADD dashType property for Area, Line and ScatterLine Series in RadHtmlChart
Currently the available appearance options of the line in Area, Line and ScatterLine Series are width and background color. Expose additional option for changing the dash type(e.g. dash, dashDot, Dot, etc). For the time being the following workaround can be used:
		<script>
			function pageLoad() {
				var chart = $find("<%=RadHtmlChart1.ClientID%>");
				//DashType: dash, dashDot, dot, longDash, longDashDot, longDashDotDot, solid
				chart._chartObject.options.series[0].dashType = "dot";
				chart.repaint();
			}
		</script>
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600px" Height="400px">
			<PlotArea>
				<Series>
					<telerik:LineSeries Name="Series 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
						</SeriesItems>
					</telerik:LineSeries>
				</Series>
				<XAxis>
					<Items>
						<telerik:AxisItem LabelText="item 1" />
						<telerik:AxisItem LabelText="item 2" />
						<telerik:AxisItem LabelText="item 3" />
					</Items>
				</XAxis>
			</PlotArea>
		</telerik:RadHtmlChart>
3 comments
ADMIN
Vessy
Posted on: 16 Sep 2020 16:35

Hi,

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

Regards,
Vessy
Progress Telerik

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

Mark
Posted on: 30 Jan 2015 15:31
Any idea when this will be available in the Mark-up?
Thanks
Doug
Posted on: 29 May 2014 16:05
This works great for a line series, but not area series.  Any suggestions?

chart._chartObject.options.series[4].dashType = "dash";
chart._chartObject.options.series[5].dashType = "longDash";
Attached Files: