[Solved] Telerik MVC chart: Display legend name in the tool tip of a pie chart

[chandra]

I am Trying to display a legend in the tool tip of a pie chart on mouse hover.
Below is my rode in razor file code 

@(Html.Telerik().Chart(Model.ProductSubComposites)
.Name("pieChart")
.(Html.GetCurrentTheme())
.Title(title=>title.Text("Agent Sales Percentage")
		.Font("normal normal bold 10px verdana"))
		.Legend(legend => legend.Visible(true)
		.Position(ChartLegendPosition.Bottom)
		.Font("normal normal normal 9px verdana")
		.Color("#8B4513"))
.SeriesColors(Extensions.GetPieColors())
.Series(series =>{series.Pie("AmountPercentage", "ProductName")
			.Labels(label => label.Visible(true)
				.Template("<#= value #>%")
				.Align((ChartPieLabelsAlign.Column))
				.Color("#CC0000")
				.Position((ChartPieLabelsPosition.OutsideEnd)))
			.StartAngle(90)
			.Padding(30);
			})
.ClientEvents(events => events.OnSeriesClick("onSeriesClick"))
.Tooltip(tooltip => tooltip.Visible(true).Template("<#= value #>%"))
.HtmlAttributes(new { style = "width: 250px; height: 400px;" })

Please let me know if there is tooltip template that fetches legend name

[Iliana Dyankova]

Hi Chandra,

Generally speaking you can access the original data via the dataItem. Hence using a template for the tooltip you can show the series' name (which actually shows the Legend) in the tooltip. For example: 

.Tooltip(tooltip => tooltip.Visible(true).Template("<#= dataItem.Source #>%"))

I hope this information helps.
 
Kind regards,
Iliana Nikolova
the Telerik team