New to Telerik UI for ASP.NET Core? Download free 30-day trial

ChartTooltipBuilder

Methods

Font(System.String)

Sets the tooltip font

Parameters

font - System.String

The tooltip font (CSS format).

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Font("14px Arial,Helvetica,sans-serif")
                          .Visible(true)
                      )
            )

Visible(System.Boolean)

Sets the tooltip visibility

Parameters

visible - System.Boolean

The tooltip visibility. The tooltip is not visible by default.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Visible(true)
                      )
            )

Background(System.String)

Sets the tooltip background color

Parameters

background - System.String

The tooltip background color. The default is determined from the series color.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Background("Red")
                          .Visible(true)
                      )
            )

Color(System.String)

Sets the tooltip text color

Parameters

color - System.String

The tooltip text color. The default is the same as the series labels color.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Color("Red")
                          .Visible(true)
                      )
            )

Padding(System.Int32,System.Int32,System.Int32,System.Int32)

Sets the tooltip padding

Parameters

top - System.Int32

The tooltip top padding.

right - System.Int32

The tooltip right padding.

bottom - System.Int32

The tooltip bottom padding.

left - System.Int32

The tooltip left padding.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Padding(0, 5, 5, 0)
                          .Visible(true)
                      )
            )

Padding(System.Int32)

Sets the tooltip padding

Parameters

padding - System.Int32

The tooltip padding.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Padding(20)
                          .Visible(true)
                      )
            )

Border(System.Int32,System.String)

Sets the tooltip border

Parameters

width - System.Int32

The tooltip border width.

color - System.String

The tooltip border color (CSS syntax).

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Border(1, "Red")
                          .Visible(true)
                      )
            )

Border(System.Action)

Configures the tooltip border

Parameters

configurator - System.Action<ChartBorderBuilder>

The border configuration action

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Border(border => border.Width(1).Color("red"))
                          .Visible(true)
                      )
            )

Format(System.String)

Sets the tooltip format

Parameters

format - System.String

The tooltip format.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Format("{0:C}")
                          .Visible(true)
                      )
            )

Template(System.String)

Sets the tooltip template

Parameters

template - System.String

The tooltip template.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Template("#= category # -#= value #")
                          .Visible(true)
                      )
            )

TemplateId(System.String)

The Id of the Kendo template that sets the tooltip template

Parameters

templateId - System.String

The ID of the template element for the template

TemplateView(System.Web.Mvc.MvcHtmlString)

Sets the tooltip template

Parameters

templateView - System.Web.Mvc.MvcHtmlString

The view that contains the template

TemplateHandler(System.String)

The function that returns the content for the tooltip

Parameters

templateHandler - System.String

The handler that returs the template

Template(Kendo.Mvc.UI.TemplateBuilder)

The template which renders the ARIA label for the series labels.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line and pie series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for 100% stacked charts.; series - the data series or value - the point value. Can be a number or object containing each bound field..

Parameters

template - TemplateBuilder<TModel>

A Template component that configures the ariatemplate.

Opacity(System.Double)

Sets the tooltip opacity.

Parameters

opacity - System.Double

The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Opacity(0.5)
                          .Visible(true)
                      )          
            )

Shared(System.Boolean)

Sets the tooltip shared

Parameters

shared - System.Boolean

The tooltip shared.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Visible(true)
                          .Shared(true)
                      )
            )

SharedTemplate(System.String)

Sets the tooltip shared template

Parameters

sharedTemplate - System.String

The tooltip shared template.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Tooltip(tooltip => tooltip
                          .Template("#= category #")
                          .Visible(true)
                      )
            )

AutoHide(System.Boolean)

Specifies if the tooltip will be hidden when the mouse leaves the target element. If set to false, a Close button will be shown within tooltip.

Parameters

value - System.Boolean

The value for AutoHide

In this article
Not finding the help you need?