ChartTooltipSettingsTagHelper

Example

Razor
<tooltip>
    <chart-tooltip-border />
    <chart-tooltip-padding />
</tooltip>

ChildTags

Tag NameDetails
chart-tooltip-borderChartTooltipBorderSettingsTagHelper
chart-tooltip-paddingChartTooltipPaddingSettingsTagHelper

Attributes

AttributeTypeDescription
auto-hideBooleanSpecifies 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.
backgroundStringThe background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
colorStringThe text color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
fontStringThe tooltip font.
formatStringThe format of the labels. Uses kendo.format.Format placeholders: Area, bar, column, funnel, pyramid, line and pie{0} - value; Bubble{0} - x value{1} - y value{2} - size value{3} - category name; Bullet{0} - value{1} - target value; Scatter and scatterLine{0} - x value{1} - y value; Candlestick and OHLC{0} - open value{1} - high value{2} - low value{3} - close value{4} - category name or RangeArea, rangeBar, rangeColumn{0} - from value{1} - to value.
opacityDoubleThe opacity of the tooltip.
sharedBooleanIf set to true the chart will display a single tooltip for every category.
shared-templateStringThe template which renders the shared tooltip.The fields which can be used in the template are: points - the category points or category - the category name.
shared-template-handlerStringThe template which renders the shared tooltip.The fields which can be used in the template are: points - the category points or category - the category name.
shared-template-idStringThe template which renders the shared tooltip.The fields which can be used in the template are: points - the category points or category - the category name.
shared-template-viewIHtmlContentThe template which renders the shared tooltip.The fields which can be used in the template are: points - the category points or category - the category name.
templateStringThe template which renders the tooltip.The fields which can be used in the template are: category - the category name; dataItem - the original data item used to construct the point. Will be null if binding to array.; series - the data series; value - the point value (either a number or an object); runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..
template-handlerStringThe template which renders the tooltip.The fields which can be used in the template are: category - the category name; dataItem - the original data item used to construct the point. Will be null if binding to array.; series - the data series; value - the point value (either a number or an object); runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..
template-idStringThe template which renders the tooltip.The fields which can be used in the template are: category - the category name; dataItem - the original data item used to construct the point. Will be null if binding to array.; series - the data series; value - the point value (either a number or an object); runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..
template-viewIHtmlContentThe template which renders the tooltip.The fields which can be used in the template are: category - the category name; dataItem - the original data item used to construct the point. Will be null if binding to array.; series - the data series; value - the point value (either a number or an object); runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..
visibleBooleanIf set to true the chart will display the series tooltip. By default the series tooltip is not displayed.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support