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
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
.TemplateId("template-id")
)
)
TemplateView(System.Web.Mvc.MvcHtmlString)
Sets the tooltip template
Parameters
templateView - System.Web.Mvc.MvcHtmlString
The view that contains the template
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
.TemplateView(Html.Partial("ChartTemplateView"))
)
)
TemplateHandler(System.String)
The function that returns the content for the tooltip
Parameters
templateHandler - System.String
The handler that returs the template
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
.TemplateId("handler")
)
)
Template(Kendo.Mvc.UI.Fluent.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.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
.Template(Html.Kendo().Template().AddHtml("<b>Content</b>"))
)
)
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
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
.AutoHide(false)
)
)